I have an SVG with various cloud illustrations that I would like to have float across the screen from right to left. I have the animation looping but can't figure out a way to make the repeat seamless. Right now I have to wait until all the clouds are totally offscreen before the repeat happens. Ideally the leftmost clouds would start trailing in again from the right behind the final clouds before they make their way totally offscreen. Any way to fix this?
See the Pen jeLazp