Hide Image from popping up during page load

Hey Community,

I have some problem that I could need some assistance with. I’m currently building out a template for our future landing pages and am using a progress bar from the Relume library as a scroll animation.

That animation happens later on the page, but when the header loads (background image in a div), you can see that line laod aswell “behind” the background image, but it’s actually happening before the header image is loaded in (I don’t know if it loaded in lazy by default, and if I could change that).

But in hopes someone knows how I could hide that line from popping up in the hero/header before the image is loaded, I’d be very greatful :slight_smile:

Here is my site Read-Only: LINK
(how to share your site Read-Only link)