Me enfrenté al problema de que Safari no cambia la propiedad de posición en @keyframes .

Aquí está el ejemplo: https://codesandbox.io/s/blissful-keller-tb66vb?file=/src/styles.css

Lo que quiero hacer aquí es reproducir la animación en un elemento con una posición fija y, en el último cuadro, colocarlo en una posición absoluta para que aparezca en la línea verde en el medio de la página. En chrome, firefox, etc. funciona como esperaba, pero en safari se queda fijo después de terminar la animación. ¿Cómo puedo forzar que el elemento se posicione absolutamente después de reproducir la animación?

Safari versión 13.0.3