How to make the animation start at the center of the page?

Question

https://code.sololearn.com/WPB9r0dn5ioI/?ref=app

Answer 1

Center the div element either by using transform property or change property of it's parent element, i.e. body
body{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
}

Answer 2

Remove css selector position:absolute; from div would make the code center.
https://code.sololearn.com/WIXB1GZl1zL1/?ref=app

Answer 3

Ok thanks