Curvy thread running through the whole site

Hey guys!

I’m trying to integrate a curvy thread that runs through my entire page. It’s supposed to show the journey of the project. But as you can see, it’s super difficult to keep the line where it’s supposed to be and still being responsive, when changing the viewport.

I tried fixing the height, so that only the width would change – but that isn’t the best solution I guess.

Is it possible to cut the line into small pieces, that will start appearing when scrolling?

Appreciating every idea or advice! :slight_smile:

Here is my site Read-Only:

Here you can download a PDF to see how it’s supposed to look: We-Transfer Download