I am creating a sorting algorithm visualizer that swaps div elements using translate inside keyframe animations. However, if an animation acts on the same element twice, its position resets to the beginning and the animation gets messed up. How can I make it so its position saves and the new animation begins sliding from where the previous animation left off?