Как исправить дергающуюся балку у колеса на CSS?

Question

[Михаил]

Нашел хороший пример анимации на чистом CSS
Но у третьего колеса дергается балка. Перепробовал все что мог, но не получается сделать движение балки у колеса плавным. Кто из опытных дизайнеров знает как исправить на примере?
Вот оригинал
https://codepen.io/kh-mamun/pen/qQZaVM

Comments

[Ivan Bogachev]

А какое движение в целом вы себе там представляете? В таких анимациях можно сильно упростить себе жизнь, если подумать над физической правильностью движений до того, как писать код. Вы сейчас пытаетесь сделать невозможный паровоз. Для того, чтобы эта конструкция ехала, маленькие колеса должны крутиться быстрее, чем большие. И одной балкой постоянной длины их так просто не соединить. У настоящих паровозов с разного диаметра колесами вообще нет полного привода.

Answer 1

[Михаил]

Наиболее полный и верный ответ дал Ivan Bogachev
В этом вопросе он получает статус "Правильный ответ"