Fixed split section

Hi, I have a split section on my home page, but I would like to make it "fixed" so that the content on the other side "scrolls". How can I do this? My site is: https://grapefruit-emu-lnms.squarespace.com/ but it's not live yet. 

This is the code I used to turn the section into a split section:

[data-section-id="62bed236f00557582fe57ff6"] {
  padding-top: 0 !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;

  .content-wrapper  {
    padding: 0px !important;
    margin: 0px auto;
    display: contents;
  }

  .sqs-layout .sqs-row .sqs-block {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-left: 100px !important
  }

  figcaption {
    padding-top: 100px !important;
  }
}

.image-card-wrapper .sqs-dynamic-text-container {
  padding: 30px !important;
}
 

You can setup password & share url, we can check easier

1 hour ago, tuanphan said:

You can setup password & share url, we can check easier

I cannot publish the site yet, but it's a simple split screen section using the code above.

If you can't share the site, you can duplicate it or setup same template with split, then we can check easier

7 hours ago, tuanphan said:

If you can't share the site, you can duplicate it or setup same template with split, then we can check easier

You can find it here: https://emu-perch-7lzf.squarespace.com/config/settings, password is home. It's the third section with photo on the left and content on the right side.

1 hour ago, charlineca said:

You can find it here: https://emu-perch-7lzf.squarespace.com/config/settings, password is home. It's the third section with photo on the left and content on the right side.

You mean service 1, 2, 3,...?

3 minutes ago, tuanphan said:

You mean service 1, 2, 3,...?

Yes. This section should be the scrolling section.

5 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (min-width:768px) {
section[data-section-id="62c28c19a32928605d33afc5"] {
    overflow: visible !important;
}
div#page-section-62c28c19a32928605d33afc5 .span-6:first-child {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
html {overflow-x:hidden;}
}

 

thanks so much!