Gradient Overlay Between Sections

Hey Mike!
Try this:

#collection-id
  #sections
  .page-section:nth-child(1):after
  {content:'';
  width: 100%;
  display:block;
  position: absolute;
  bottom:0px;
height: 70px;
    background: #1c1c1c;
background: linear-gradient(0deg, #1c1c1c 28%, rgba(28, 28, 28, 0) 100%);
  }

You can always toggle the height if it needs to be larger...  You'll also need to toggle the #collection-id to get the code to work specifically on your homepage so that other pages are not affected...  If you want it on all pages, simply remove #collection-id.