Lottie Animation Not Center Aligned

Site URL: https://halibut-flute-t3lr.squarespace.com/config/

I have an issue of not able to align the Lottie animation to the center. I have been using paddings too, but it's not that responsive, so not sure how to work on this. Hope anyone can help.

Add to Home > Design > Custom CSS

lottie-player {
    margin: 0 auto;
}

It works like a charm! Thank you so much! 

Hi Tuan, I'm afraid this doesn't work for me, see screenshots.

Is there anything you could suggest? I tried offsetting the animation but it only partially works and I feel there must be a more elegant solution

Thanks!

URL: scram.studio

@charliestewart

If your issue is centering the logo then it appears to be working to me.