I'd like to have 2 interaction effects on the same element on scroll but I'm not pulling it off and require help.
The need: On the homepage, The blue figure on the left should fade AND move to the left (as if going off screen but fading before it does) as a user scrolls down. The site: http://david-stoltz-415a45.webflow.io/
I can get it to fade upon scroll but when I apply another step that moves the figure to the left, it doesn't show both effects occurring at the same time. The animation produced either fades it all or it moves it, depending on which is stacked first. I need it to both fade AND move on scroll.
Here is my public share link: https://preview.webflow.com/preview/david-stoltz-415a45?preview=3ad5af908613f4ee088f40d44159dae3
([how to access public share link])