Space divs animated with parallax equally

[ale917k]

First of all, thank you for the awesome library, love it so far!

Something I haven't managed to wrap my head around though, is how to space some divs (or any other html element really) equally, while animating them with parallax layers.

Here I have the reproducible example: https://codesandbox.io/s/quizzical-rubin-zjuwt?file=/src/App.js

As you may have noticed, I set different speeds so to recreate that parallax effect on scroll, but that didn't land me far as I can't find right offset values to space them in a better manner.

Is there any way to get around this?

StackOverflow Q/A: https://stackoverflow.com/questions/67679411/react-spring-parallax