Yeah as @cyberdave said, it’s hard to tell with no separation. Add a much larger height so we can get a better view. So at the Top of Screen you added 100%, then 0% at the bottom of screen right?
Here’s the challenge, your image is into view on page load. I would adjust the actions:
- Image Map: Initial Appearance - start at 0% opacity, moved down 300px or so.
- Hero Text: Do same
- On page load - Have move up and to 100% opacity after the text comes up
- Image Map: Add a “Scroll Into View” - Into view repeat from above - Out of view reverses from what’s above
Would that make sense?
It’s separating the animation, so the image has it’s own. The Scroll Into View simply copies that effect.
Let me know what you think.