svh, lvh, or dvh, for mobile?
so i'm making myself a small website, and i have those scroll train type things (sticky element with 100vh on a longer element that's say 300vh) and while it works perfectly fine on desktop, when i view it on my phone, i see the background element when the tool bar scrolls up. ( as demonstrated in my site yuditopp.com . i left the background a different color so that you can view what i mean if you open on mobile.) my question is what is the best way to adress this? i tried changing from svh to lvh, but then i have words getting cropped out. when i switch to dvh, then it starts readjusting the site every 2 seconds when you scroll up or down. any advice on what people do for this type of situation?