A glitch, or is it me? Interaction stops working when copying element on same page... help :)

Design help Animations & Interactions
1

Hi guys! I’d love some help on this. I’ve created an interaction that animates the “Section Title” when “Section” is scrolled into view. It works great on the original section. However, when I copy this section, or even create a new section with the same class, the interaction is automatically applied to it (wonderful), but the animation does not work on the new section when previewing the site.

Is there something I’m missing? I set the interaction to trigger on all elements with the class “Section” + “With Title” …

Additionally I set each action within the interaction to affect only children of the section with the appropriate class.

I really appreciate any help I can get!

Here is my public share link: https://preview.webflow.com/preview/raquel-pea?utm_medium=preview_link&utm_source=designer&utm_content=raquel-pea&preview=b8ef5a718b67a5d7c5db066869370692&mode=preview

Live site: https://www.raquelpea.com

2

I’ve solved it! I simply went to the original interaction on the first section and switched it from trigger on “class” to trigger on “this element” only. I then manually applied the interaction to the new section which affects elements with the same classes. Hope this might help anyone making the same silly mistake I did!