Text appearing and disappearing on scroll in a static frame

I’m working on a digital book project for a client.
Here is an example of one moment in the book that I’ve dummied with after effects.
https://vimeo.com/546948919

I want to create this in webflow.

Here are the main design points:
The main body contains 3 columns in a frame.
This frame remains static on the page.
The text in each column fades on and off with scroll.

The vimeo link shows just one moment, or page in the book. There will be many many more text elements that fade into and out of view as the user scrolls down on the page.

Any ideas, tips, tricks, links to lessons that I can use?

Thank you all.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)