Animation question, is this even possible with CSS?

Question

css

I posted an example codepen.io/anon/pen/yVdeWZ
The problem is in the jump when the animation ends. Watch for 10 seconds.
I tried to animate with one element, in the background of which there is a long picture (6k + px), but even then there is a jump.
I understand that it will not work without a jump?
I think you can easily implement this in JS through SVG or Canvas, I can pull points into the path element. But then I don't understand how to animate it.
In general, tell me what are the suitable options here, articles / examples / are welcome.

Answer 1

And why not make a "comb"? (2 layers interleaved)