changing height and autoplay functionality of a headline section with video as its background for mobile view

Site URL: https://garlic-aardvark-ej86.squarespace.com/

Query: How do i change the height (only for mobile view) of a headline banner that I have used to play a video in the background?

Password:qwerty

How do I fix the auto-adjust (height for mobile view only) of a background video on my cover page? See results in attached screen grab.

I am using this embedded code:

<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/225608263?background=1"title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

Video works perfectly on desktop: https://www.hurrah.ca/

Appreciate any help on this issue.

Sincerely,

Andrew Herygers