Przesuwanie kulki na osi czasu za pomocą CSS

Hej

Czy możecie doradzić w jaki sposób mogę przesuwać element po osi czasu za pomocą CSS?

Tak jak na zrzucie ekranu, poczatkowa pozycja jest od lewej i koło jest większe, ale jeżeli byśmy kliknęli w 3 od lewej małą kulkę to chce żeby ta duża przemieściła się w miejsce małej. Czy wiecie o co chodzi i czy jest to możliwe w CSS?

To jest taki timeline i po prostu chciałbym animować i przesuwać w zależności w które miejsce klikniemy.

Tak opisałeś co chcesz uzyskać że tradycyjnie nie wiem o co Ci chodzi. Wiem jedynie że chcesz zrobić animację za pomocą CSS więc do tego można użyć CSS Animations

Możesz odtworzyć ten filmik?