I've faced the problem that safari doesn't change the position property in @keyframes.

Here is the example: https://codesandbox.io/s/blissful-keller-tb66vb?file=/src/styles.css

What I want to do here is to play animation on element with fixed position and at the very last frame make it absolutely positioned so that it appears on the green line in the middle of the page. In chrome, firefox, etc. it works as I expected, but in safari it stays fixed after animation finished. How can I force the element to be absolutely positioned after animation played?

Safari ver.13.0.3