sbishop

Thanks so much for your detailed response and CodePens! It wasn't quite right, but it did set me on the right track of being able to consolidate my multiple timelines to one and match up the start times and durations so it works perfectly on all screen sizes. I'm pretty new to gsap, so am still getting the hang of timeline management. I got it to work perfectly after your post, and the code is so much cleaner, so thanks again! You can see the results at https://earlyhealth.com

I need some help with syncing up some text animations (opacity, color) with a moving image. The image moves from bottom to top of viewport during scroll, and I need to change the opacity and color of the text as it moves past them. Getting it to sync up perfectly is a challenge, and even more challenging when trying to get it to work across all device sizes. I am using durations to try to sync up the text changes, but is there another way to do this that I'm missing? Is this impossible? I'm also having an issue when the viewport is resized, the animation gets way out of whack, and requires a reload in order to re-calculate. Any help greatly appreciated! See codepen.