Motion edit prompt

Animate the red dot as a small ball moving first up and to the left from the shortest right-hand bar. It makes four short eased hops, landing cleanly on the top of each progressively taller bar until it reaches the tallest bar on the left. Keep the bars bottom-aligned and unchanged in size; after the dot reaches the left side, smoothly slide the bars horizontally to mirror their order, with the smallest bars moving left, the tallest bars moving right, and the middle bar staying centered, while the dot drops down to land on the new shortest left-hand bar. Then repeat the hopping motion in the opposite direction: the dot climbs up and to the right across the bars until it reaches the tallest bar on the right. Finally, slide the bars back to their descending left-to-right order in the provided SVG while the dot drops down to the shortest right-hand bar, creating a seamless loop.