Как плавно осветить картинку?
Пример нужен чтобы точно сказать, вариантов много на самом деле:
-можешь цветной картинке поставитьtransition:1s;
-webkit-filter: grayscale(100%);
а при hover -webkit-filter: none;
-можешь сделать сверху картинки блок с прозрачностью 50 допустим и при наведении менять цвет блока
Если нужно в синий или какой то другой, гуглим в сторону filter: hue-rotate
а вот пример на htmlacademy https://htmlacademy.ru/courses/97/run/4