More/Less text Button triggering entire grid

On the Program 2023 page, I have created an expandable text for an event card on a grid. The problem is that when the More/less button gets triggered, the text in all the cards expands and contracts too. How can I set the animation just for the text on the current card wrapper?


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

I figured out the problem. I had to change the action settings of the paragraph to affect “only children within this class”.

I also created a Div containing all the elements being animated. Not sure how this affects the interaction, but when I tried to get rid of it, the problem appeared again.

I used this post as a reference: