Preloader animation works in Designer, however, the animation is not shown on a published page. Any advice?

Hello all,

I am working on a preloader for our portfolio, it works as the page loads when I’m working in the Designer. However, when I publish the website, the animation is not shown and I am met with a still image that should be animating in.

Any and all help would be appreciated with this, my first go at a preloader.

Thanks in advance,

Here is my public share link:

Page in question:

Hello @Vladan_Stegnjaic,

I think your animation is not working because you have the same animation doing the same thing before the page loads and after the page finishes loading. I think that in your case the pre-loader should happen only before the page loads.