White space above and below animation in browser

How can I get rid of this white space that appears above and below the animation when the browser width is reduced in the attached hype doc

whitespace.zip (47.8 KB)

Note that your scene doesn’t turn on flexible layout for height, so the y position of your element is going to remain in the same spot. Thus if you want something to be more pinned to the top and use the shrink to fit effectively, I think you can just make the containing group go to the top of the scene and you’ll get the desired effect.

However, because the height isn’t using flexible layout (and I don’t think it should in your document case) unfortunately this means that the height is going to be stuck at 1990px. Hype’s flexible layout system doesn’t change the scene height dynamically based on inner element sizes.