Context: I'm trying to create a site with pinned panels that trigger animations inside these panels when you scroll down. Seems simple enough.
Problem: When I repurpose code out of the docs to try and get the green box to move, something about the way i'm doing it isn't allowing the green box to rotate in towards the center of the viewport when I scroll down.
Attempts: I've tried changing around what selectors are used, but I left it in the state that i'm pretty sure is supposed to be correct. I think I may be having a fundamental misunderstanding of what something means, but I'm so new to this that I can't seem to figure out what that may be.
I did try looking through the gsap demos of scroll trigger to see what I could find, but they all seem to be more complex than what I'm trying to do. Any help would be greatly appreciated.