How do i get my svg's to fill in the window height like images do with this codepen animation?

[Portal_Zii]

Hello, I found this awesome greensock example sending clouds randomly across the screen. You will notice the clouds take on the full height of the viewport. If you start with a smaller height and than increase it. It will start sending clouds into that available space. 

Here is an example of that. https://codepen.io/osublake/pen/4f849ca24bb5f1050a69651a6e82f271 - this codepen is using image files.

However I need to use SVG files. When i replace the images with SVG's you will notice that the SVG's stick to the top of the viewport. 

Here is an example of that:  - this codepen is using SVG's

How do i get my SVG version of this animation to span the available height like the image version does?

Any help would be much appreciated!

See the Pen LXYKbM by PortalPacific (@PortalPacific) on CodePen

[Sahil]

It seems SVG doesn't support offsetHeight. So you can instead using getBoundingClientRect to get height.

 

See the Pen BGaXmY?editors=0010 by Sahil89 (@Sahil89) on CodePen