Preloader buggy in Safari & interfering cursor pointers

[bensilvertown]

Hey guys,

I’ve set up a preloader interaction on a site I’m working on.
Looking great in the preview and in Chrome, however safari it seems to have a bit of a freak out.
As you can see the lottie animation, which should be positioned in the centre of the flex parent glitches between vertical centre and top.

The pre-loader also seems to be interfering with cursor pointer events too, as none of the buttons seem to show the pointer hand anymore.

Any ideas on how to fix this would be much appreciated!

Here is my public share link

[bensilvertown]

For anyone else who ends up having a similar problem, this is what I got from Webflow support who managed to find a fix

Safari is known to have issues with how flexbox is utilized which is affecting the interaction. To workaround this, you can set the flexbox containing the Lottie animation to align-center, and that will smoothen out the glitch.

Aligning the element to centre fixed the weird glitching for me.

Hope this helps someone else!