I am trying to get an overlay image to be placed on top of another image while a user hovers over a certain image. The problem that I am having is mainly its position. I have tried to change the
.gallery-photos:after {position: absolute;}
to
.gallery-photos:after {position: relative;}
but all that did was make the overlay image disappear completely. Here is a codepen of the project that you can perhaps fix up for me so that the overlay image is placed directly on-top of the image below it. ( As you can tell no matter what image you hover over the overlay is placed in the same spot )
Best regards,
Codi