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

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