Animations playing while the background is not yet loaded [closed]

I have animations in my webpage and when published online, the animations play before the whole bg image is loaded.
Could anyone please help me.
Thanks.

I tried using animation-play-pause state but do not when to play the animation