Resize background video for mobile

Site URL: https://www.rawboxxjax.com/

Someone recently helped me with this code to resize my background video for mobile:

@media only screen and (max-width: 767px) {
  section[data-section-id="618ac6af8a8d056cfbcd66e0"] .sqs-video-background-native {
    height: auto;
  }

  section[data-section-id="618ac6af8a8d056cfbcd66e0"]  {
    min-height: 20vh !important;
  }
}

However, it now looks too small on mobile:

Can anyone help me fix this? Tia!!

Remove above & try this new code

@media only screen and (max-width: 767px) {
    section[data-section-id="618ac6af8a8d056cfbcd66e0"] video {
        width: 100% !important;
        height: 80% !important;
        left: 0 !important;
        top: 0 !important;
    }

    section[data-section-id="618ac6af8a8d056cfbcd66e0"] {
        min-height: 30vh !important;
    }
}