mso web agency

I'm trying to create a Background colour changing animation based on data attributes from a section. I have the base logic in place however it doesn't seem to work backwards. The idea is that as a section scrolls into view the background colour would change and stay like that until the endTrigger. Although i tried doing this with a single scrollTrigger but couldn't quite get it right, However this method kind of works going forwards but it's wrong backwards. The logic isn't quite right but if anyone could point me in the correct direction that would be appreciated!

Hi, I'm trying to ensure that the focus of my Animation stays in the viewport at all times while running. I'm using ScrollTrigger to animate on scroll, Which it kind of works, However the speed it runs sends it off the screen and i can't seem to work out how to keep it centralised. Another thing, Using the MotionPath plugin, is it possible to do additional animations when inside specific areas (each area is highlighted within my CodePen) or would that require the path being broken into sections and animate each section as a new path? Any help is appreciated. Thankyou :)