.image {
    position:relative;
    float: left;
    display: block;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

.image:hover
{
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(0.6);
   -webkit-filter: brightness(0.6);
}

.text {
    position: absolute;
    top: 40%; right: 0;
    left: 25%;
    width: 50%;
    text-align: center;
    color: white;
}