Viewport positioning problems using "while page is scrolling" interaction

I’m trying to create the effect of lines moving down during scroll (see link below) but I’m having trouble with different screen heights where the lines move too fast, too slow, or not seen in viewport (macbook 13 vs macbook 15, etc). Any ideas how I can make this work?


Here is my public share link: https://kellybarclay.webflow.io

Read Only: https://preview.webflow.com/preview/kellybarclay?utm_medium=preview_link&utm_source=designer&utm_content=kellybarclay&preview=0d092f7d9e0edece69982b2672524065&mode=preview