Issue with an interaction being applied to an element that it wasn't applied to

I’ve two “work” items on the page. When you hover over the 1st box, it acts as it should - the image disappears and shows the details related to that work.

However when you hover over the 2nd box, the image disappears for both boxes and the work is displayed for both boxes, when it should only have this interaction applied to the 2nd (bottom) box.

I am not sure what i am doing wrong. Any help and direction would be highly appreciated.

Here is my public share link: LINK
(how to access public share link)

After a quick look I would suggest to limit the interaction to nested elements:

Amazing. Thank you so much. It worked!!!

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.