How can I set up over interactions in a grid that is pulling in CMS items so that only one grid block is affected at any given time

Design help Animations & Interactions
1

I currently have a grid block that is pulling in data from a CMS collection.

I am trying to set up a hover interaction so that the child elements within one grid block are hidden when the mouse hovers above that grid block.

However, at the moment, I can only set up an interaction in a way that if the mouse hovers above one grid, the child elements for all of the grids are hidden.

Would appreciate any input.

Here is my public share link: [LINK](Webflow - MMA Nomad)
(how to access public share link)

1 Like