Эффект затемнения на картинке в данном случае?

Question

[thorph0]

Привет. Учусь верстать. Как можно реализовать эффект затемнения картинки при наведении в данном случае?
Как хочу сделать:

spoiler

Что я сейчас имею:

Если можно с примером кода. Очень буду благодарен за помощь.

Answer 1

[happyer]

через position absolute
Просто делаешь блок поверх этой картинки с прозрачностью .0 а затем анимацией делаешь делаешь изменение opacity

Answer 2

[Алексей]

https://codepen.io/alex-rogochiy/pen/bzvWQZ
Вот немного доработал вариант Максима Ленского,
- изображениям добавил vertical-align: middle; (чтобы под картинкой загадочного отступа не было)
- при наведении появляется фон + иконка глаза по центру;