Swap tab content on scroll

Hi Webflow community,

I’m looking to create an interaction similar to the one shown on this website below the headline “Let’s take a little tour.” Essentially, an accordian/tab section that:

  • Changes the image (on the left side)
  • Collapses the previous tab content when you move onto the next one

EXCEPT I’d like to do this on scroll, instead of on click.

Does anyone have any tips on how to go about this? Thanks in advance for your help!