Adjusting Caption and Gallery Spacing on 7.1

Site URL: https://minnow-bison-eb6k.squarespace.com/

Is there a way that you can adjust the caption spacing and the block height of gallery blocks on 7.1? The padding is just really large on 7.1 between blocks and under images. Ideally, I'd like to just have a site-wide padding like on 7.0 but that seems to not be how 7.1 works. It's particularly noticeable on mobile (see attached image). Any help would be great.

The password for the site is: password

Here is the code I've already injected:

/* Nav item color */
.header-nav-item a {
    color: Black !important; 
}
/* Nav item hover color */
.header-nav-item a:hover {
    color: #ef5232 !important;
}
/* Nav item active color */
.header-nav-item--active a {
    color: #ef5232 !important;
}

/* Nav item hover color - underline */
.header-nav-item--active a {
    color: #ef5232;
}

.header-nav-item--active a {
   background-image: #ef5232;
}

@media (max-width: 800px) {
    .gallery-masonry .gallery-masonry-item img {
        height: 100%!important;
        width: 100%!important;
    }
    .gallery-masonry .gallery-masonry-wrapper {
        columns: 1;
        column-gap: 0;
        padding: 0 10px;
        height: auto!important;
        display: block!important;
     }
    .gallery-masonry-item-wrapper {
        height: auto!important;
    }
    .gallery-masonry-item {
        position: relative!important;
        padding: 10px!important;
        transform: none!important;
        width: 93%!important;
        display: block;
       }
}

@media (max-width: 800px) {
.item-pagination-title, .item-pagination-icon {
  font-size: 15px !important;
  line-height: 19px !important;
} 
}

.header-menu-nav-item a {
    font-size: 25px;
}

@media screen and (max-width:800px) {
.gallery-grid-wrapper {
    grid-template-columns: repeat(1,1fr) !important;
      grid-row-gap: 5vw !important;
}
}

Can you share link to gallery page?