Streaming live at 10am (PST)

Fixed image while scrolling past three blocks of text

Hello!

I’m trying to do the following transitions, but having trouble with it. Anyone who can provide a bit of insight? Having trouble with where to start and how to structure the sections to achieve this:

1: Fixate fireplace illustration to the bottom of the viewport once scrolled into view.
2: I want the illustration to stay fixed while the user scrolls through the three mission statement text pieces.
3: Each text piece should animate in one at a time and disappear once you scroll “past it”.

Any insights are highly appreciated :pray:
Thank you!

https://preview.webflow.com/preview/workwild?utm_medium=preview_link&utm_source=designer&utm_content=workwild&preview=eb3b878d5af0f632570c7d9d3909d9da&mode=preview