Hi, I am having some problems with scrollTrigger, I am trying to create a timeline wich is going to trigger when a section gets into the viewport and is going to animate some content wich is inside that section, such as headings and texts, the problem comes when I try to repeat my classes, all the sections are going to have the same class( I know for doing this I shoud use something like gsap.utils.toArray() and loop through the sections) but, what about the content inside the sections wich I want to animate? should I use different classes to each heading and text? or is there a better approach?
I am going adjunt a codepen of what I tried to do. Thank you so much.