Need Help with preloader interaction

Hi I have been trying to figure out how to replicate the line effect in the opening preloader from the webflow Constructorz template. As you can see from the original link, the line originates from the center and extends both ways, but on my site, I can only get it to start from the top and run to the bottom (2nd link). I have tried everything but I don’t understand how to get the line to originate from the center and extend both ways.

Webflow template:

My site:

Any help would be much appreciated!

Hey @Ari_Malka please provide a read only link

https://preview.webflow.com/preview/constructorz?utm_medium=preview_link&utm_source=designer&utm_content=constructorz&preview=7b6ae3b809f241b9dcf9066a24bbec18&workflow=preview

Can anyone help with this?

Trying to figure out how to set a preloader interaction for a line to extend from the center like in the link above

Bump, still trying to figure out how to create an interaction where a line forms in the middle and extends both ways