Lottie animation rendering after the page loads

Hi, I have a Lottie animation embedded into my site. I have a page-load animation set to happen only after the page has loaded, but often the page loads without the Lottie animation rendered. It then renders 1-2s after the page and shifts all the content around.

Is there anyway to ensure that the page only shows once the animation is rendered? I’d rather have a longer initial load time instead of content moving about after load.