I have a gallery of images, that i want to work with a javascript function which will display an overlay with text and content when an image is clicked in front of the of the gallery div

i found a similar discussion on the forum Here

this is the code i'm using On codepen

My question is why won't the overlay stay in place and if it's possible to have this work in a div constrained by width and height