How to make such block (RoadMap)?

Question

css

Hello. Can you please tell me how to make such a block? More precisely, it is the first part of the task (a line with animation), I don’t know how to make curved lines using CSS (is this even possible).
It is necessary to make a run of a yellow circle along the line, symbolizing a coin, and it must fall into the bag. The width of the coin is not wider than the roadmap line.
When you hover over some stage, the background turns blue and appears as a glow, while a block with the description text flies out.