Simple solution with both grid and flexbox

What are you most proud of, and what would you do differently next time?

The overlay was intuitive and i feel more comfortable using grid and flex.

What challenges did you encounter, and how did you overcome them?

The overlay was not aligned properly which was due the image i believe ( the eye symbol/image ). Put a display block to negate that but not quite sure if that's considered a good practice.

What specific areas of your project would you like help with?

Any explanation about the image ( width and height ) relative to it's own container would be much appreciated :)