I'm trying to recreate Apple's Airpods Pro presentation page with ScrollTrigger.
This is what I'm trying to make:
See the Pen ZEbGzyv by j-v-w (@j-v-w) on CodePen
My idea is to use an array which holds all the images and then make use of ScrollTrigger.update() to update the img src based on the scrolling position.
See the Pen poybrBd by make96 (@make96) on CodePen
If you start stripping things out (to focus on the issue at hand) you will find that when you delete the "all" section it works just fine. Looking inside of that part, there's a competing ScrollTrigger that is never removed since it's within the "all". Did you mean to put it inside of the desktop breakpoint instead?
See the Pen yLOVJxd?editors=0010 by GreenSock (@GreenSock) on CodePen