Full Width + Height (1366 x 683) Brine Index Page Banner

Site URL: https://bird-trout-wd7s.squarespace.com/

PW: joejoe

I'm using the Brine template for my website. My banner images have borders around them that I want to appear fully. My banner images are 1366x683.

In the Custom CSS code, I've tried the following:

.index section: first-child {
  min-height: 100vh
  min-width: 100wh
}

.title-desc-wrapper.has-main-image {
    min-height: 100vh;
}
.banner-thumbnail-wrapper {
   padding: 0px 0px;
}

.collection-type-page .banner-thumbnail-wrapper {
   padding: 0px 0px;
}

.collection-type-index .banner-thumbnail-wrapper {
   min-height: 683px;
   max-height: 100vh;
}
.collection-601c2e02be66fb731d640879  .desc-wrapper {
 height:683!important;
}

See attached for desired page view. Does anyone have any recommendations?