Затемнение и высветление картинки при наведении

a{
    display: inline-block;
    width: 500px;
}
a div{
    background: #000;  /* У блока, оборачивающего картинку при наведении будет просвечивать черный фон */
    overflow: hidden;  /* Ограничиваем видиую область */
}
a div img{
    opacity: 1;
    transition: opacity 124ms linear, transform 124ms linear;  /* Плавное изменение прозрачности и увеличения */
    width: 100%;
    height: auto;
    display: block; /* Убираем полосу под картинкий */
}
a:hover div img{
    opacity: 0.9; /* Высветляем картинку, но она становится темнее, так как под ней черный фон */
    transform: scale(1.05); /* Увеличение картинки */
}
a + a div{
    background: #fff; /* Если необходимо высветление картинки при наведении, оборачивающий div должен иметь белый фон */
}