I am a beginner using GSAP and JS, so would appreciate some guidance. I believe that rewriting blocks of code is generally regarded as a bad practice. Can you please go through the text animation and image animation that I've wrote and tell me how I can optimize this?
Also, if you have any solution to the scrolltrigger positioning rather than hardcoding a % in as the start and end, let me know.
I appreciate your help, thank you.
Here is the codesandbox url.
LINK: https://codesandbox.io/s/kind-tdd-7q8f5v?file=/index.html