Video Banner landing page full screen on mobile?

[OmneGuitars]

Trying to get my Video Banner on my landing page to fit fullscreen on desktop and mobile. It looks close on desktop, with a small white space along the bottom, but on mobile it only fills the top of the screen, and the rest of the page is white. My "enter" button is in the middle of the screen which is ok.

link to my site

https://i4nkwiv7rxpyx8mj-88142479677.shopifypreview.com

[Debular · Accepted solution]

Try to add this code to custom CSS

@media screen and (max-width: 767px) {
.media.video-background>*:not(.zoom){
height:100vh!important;
object-fit:cover!important;
}

[OmneGuitars]

Amazing! Thank you. Is there a way to also get rid of the blank white space at the bottom on the desktop version? To automatically adjust to be full screen there as well?