Portfolio Hover Page - Remove Bottom Margin Under Portfolio Items

Site URL: https://cowbell-cranberry-p5aw.squarespace.com/classes-2

Site URL: https://cowbell-cranberry-p5aw.squarespace.com/classes-2

Hi, 

I am trying to remove the bottom margin underneath the portfolio items so that the scrolling banner is right underneath the items. 

Here is the code I'm using that created the border in between each item. Thank you for helping me figure this out.

/***CLASSES PAGE - CLASSES BORDER***/
.portfolio-hover-display {
    min-height: unset !important;
    height: 100% !important;
}

.portfolio-hover-item {
  border-top: 1px solid white;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  width: 100%;
  padding-left: 100vw;
  padding-right: 100vw;
  box-sizing: content-box;
}
 

I figured it out! This is the code I used to answer my question, in case anyone else needs this. Thank you anyways.

.portfolio-hover {
    min-height: 0% !important;
}

.portfolio-hover-display {
    min-height: unset !important;
    height: 100% !important;
  padding: 0 !important;
}

.portfolio-hover-item {
    border-top: 1px solid white;
   overflow-x: hidden !important;
  overflow-y: hidden !important;
  width: 100%;
  padding-left: 100vw;
  padding-right: 100vw;
  box-sizing: content-box;
}