Remove Padding/Margin (?) from Background Video

Site URL: https://crocodile-terrier-syp9.squarespace.com/video-background

EDIT: In case anyone finds this in the future looking for the same solution, here's what I ended up using:

  section[data-section-id="61dcab2afb782968f35fdb42"]{
    iframe{
    transform: scale(1.35) !important;
    }
  }

ORIGINAL QUESTION: I want to use the background video feature in one of my sections. It looks great in full screen on the desktop, but reducing the window size or viewing on mobile adds black bars above and below the video as seen in the sample page images below (or directly at https://crocodile-terrier-syp9.squarespace.com/video-background pw: forum). This bar is NOT part of the video, but some sort of margin or padding added responsively. Is there any way to make sure the video is always 100% of the height of the section (i.e., the height would always be equal to the section height and the width would be cropped)?

What is password?

Sorry, I didn't realize there were two passwords. I removed the password from the individual page and the general password for the site is: forum

Not sure if topic bumping works/is allowed on here, but I still haven't been able to figure this out. Any help would be much appreciated!