syren

Thank you! That worked perfectly. You saved the day!

No one has any ideas? @PointC? Sorry, this project is due and I'm still stuck. Thanks in advance for your time.

Okay, I tried to remove as much as possible. Go to https://codepen.io/syren/full/GbmmoY (full view) and open devtools. Scroll down the page and check out the behavior. The section with the mountains has an image that kind of zoom/pans up into place, and so does the one with the lights. Then there are some slides that flip in. Now scroll back up to the top, and click on the responsive viewer thing in devtools so you can emulate an iphone (there may be a ScrollMagic issue if you resize instead of jump to the phone size). All of the effects should have disappeared. Then click the responsive button again, and go back to desktop. You should see when you scroll, that the backgrounds don't pan/zoom, but the cards still flip in. The elements in question are `.brains-brawn .bg` and `.ours .bg`, they should be tweening but they are stuck.

Hello! I'm pretty new to Greensock, but a huge fan so far. I'm not sure what I'm doing wrong, but I'm pretty sure its related to TweenMax and not ScrollMagic. But I could be wrong. There are two sections of the site I'm working on that have tweens where the background image zooms in on scroll. There's also a swipe-like animation on a section. Those animations should go away on mobile, and be replaced with a slick carousel. All of that is working fine. The issue arises when you go back to desktop after mobile. I know this only happens when we are messing with DevTools and testing and not with real users, but it's the kind of thing a client will get hung up on. Most of the animations work, it's just the two background images that get stuck. Would really appreciate any advice to figure this out. Thanks!