All solutions

I attempted to make this with only HTML5 and CSS3, however, the most difficult part I had was making the hover animation with the eye.

The solution I came up with was wrapping them and giving the parent element and image a position relative and the overlay position absolute, then using hover to increase the opacity.

Do you guys have any advice for an easier alternative?

I am a bit lacking in media queries and haven't used them so I used this project to get used to working in a responsive mindset again. It is far from perfect but constructive feedback is still appreciated.

I am only in the field for 2 years so far and Im trying to gain confidence by doing these challenges, so I would love to hear any feedback you might have and maybe chat with some of you if possible.