I've been reading the GSAP documentations and studying some of the codepen examples for a few weeks now to try to figure out and understand how to use MotionPath and ScrollTrigger but wasn't able to figure out how to make what I need responsive.
I have basic knowledge of HTML & CSS, currently figuring out JS along the way.
I've been referencing one of your codepen examples Running Tractor, as its more or less what I need my animation to do. I have a paper plane png that will be flying along a dashed svg path. I was able to get it work from your running tractor example to fly through the entire svg path (in full laptop web browser size) but now struggling to figure out how to resize my paper plane png to make it responsive (based on viewport size). I see that in the running tractor code, there's a scale of 0.7, but is there a way to make scale automatic and also stop the paper plane png from running off the svg path? I've tried to play around with media queries for the image but that didn't work as it messed up on the svg path (doesn't start from the beginning and doesn't end at the end).