Adding overlay to image in grid, not displaying in right area?

I am making a document in a grid format and when I hover over the image I want to have an overlay, it randomly goes underneath it. How would I bring this effect higher up on the document. (The first image in the only one with the effect currently).

codepen: https://codepen.io/daniel-albano/pen/vYOKRzp?editors=1100

I don’t see that. The overlay is on top of the image, did you fix it?

BTW, you should add display: block to the images to get rid of the little bit of white space on the bottom.

1 Like

Yes, I just fixed it. Thank you for the display advice, I was just trying to figure that out as well haha