I made a little animation with Edge Animate and it worked pretty well.
The Animation is natively 3000px (I made it 100% anyway so it should be responsive, all images are placed centered with the same size (3000px) and I placed the graphics on the right position within the 3000px file) but I made it 100% for responsive anyway.
On the image below you see the mobile version and you recognise that one of the clouds is wrongly cropped. This happens because the starting point of this graphic is outside of the current resolution. It always crops all the svg graphics when their starting point is outside of the current resolution.