[[QUESTION] GSAP ScrollTrigger]

Thanks. But I want to:
1. Drop the circle as the user scroll

2. Show the 1 2 3 as the user scroll

3. Then remove the circle and 123 as the user scroll

4. Show the picture and text as the user scroll

5.  Highlight the words as the user scroll

 

[[QUESTION] GSAP ScrollTrigger]

I am making an animation sequence. It is working, but when I add ScrollTrigger to the sequence, the highlight scrollTrigger is triggered automatically when I enter the page

I want the 2nd sequence including the highlight will ONLY appear when the 1st sequene is done

Now when I enter the 2nd sequence, the words are highlighted
What is the best approach to this?

Thank you

Here is the demo
Replit : https://replit.com/@A14313/QUESTION-GSAP-ScrollTrigger?v=1
Codepen: 

See the Pen XWxvYdB by L4zyD0g (@L4zyD0g) on CodePen