Trying to create a hard to describe Interaction

Hello all,

I’m trying to create an Interaction that goes like this:

As you scroll down the page past the hero image, you will see “Title 1” on the left and “Text 1” on the right.

As you keep scrolling, “Title 1” remains in place, but “Text 1” scrolls away, but “Title 2” starts to come up the page and lands underneath “Title 1” and “Text 2” comes up the page and shows up next to “Title 1” and “Title 2”.

I told you it was hard to describe, so I made a crappy version of it in powerpoint which hopefully demonstrates what I mean a little clearer!

I’m pretty new to WebFlow so hopefully someone can come up with an easy way of achieving this!