Is there a way so that a mouse hover over a child element will trigger an interaction on its parent element without affecting itself?

I have created a link block that is nested within a grid. This grid is nested within a div block. I want to make it so that hovering over the link block will change the background image of the grid. I thought I could use a mouse hover interaction that makes the opacity of the grid 0% until you hover over the link block (I gave it a red background and rounded its corner to make it look like a dot), which makes the background image appear. However, when I do this it also makes the opacity of my link block 0%, I presume because it is nested within the element I want to target. Is there a way so that a mouse hover over a child element will trigger an interaction on its parent element without affecting itself?


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