Image Overlay Interaction Does Not Work. Need Help

I am trying to create an interaction where when I hover over an image, a translucent overlay shows with text. My interaction works completely fine, except when I get to the page from another page. For example, when I navigate to the page through the home page in preview mode, the interaction does not work. I would hover over the image and the overlay doesn’t load like how it did in the editor.

It would be appreciated if someone could help! Thanks.

Have resolved the overlay?