@media screen and (max-width: 768px){
            .scrolly-bg-mobile{
                background-color: #081c27;
              padding-left: 4%;
    padding-right: 4%;
            }
         .min-vh-80.mobile-smol{
    min-height: 20vh!important;
          }
         .min-vh-80.d-flex.align-items-center {
    padding-top: 40px;
    }
    .col-md-6.not-sticky{
          padding-left: 4px;
          padding-right: 4px;
    }

    .sticky-image-holder {
    height: 60vw!important;
    }
        }
        .sticky-container{
          color:#fff;
        }

        /* === SCROLL LINE === */
        .scroll-line-col {
          position: relative;
          display: flex;
          justify-content: center;
          padding: 0;
          overflow: visible;
        }

        .scroll-line-track {
          position: sticky;
          top: 0;
          height: 100vh;
          width: 3px;
          display: flex;
          flex-direction: column;
          align-items: center;
          pointer-events: none;
          overflow: visible;
        }

        .scroll-line-bar {
          width: 3px;
          background: #ffffff;
          flex-grow: 0;
          height: 0px;
          transition: height 0.05s linear;
          position: relative;
        }

        .scroll-line-image {
          width: 148px;
          height: 200px;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          flex-shrink: 0;
          margin-top: 0;
          opacity: 0;
          transition: opacity 0.6s ease;
        }

        .scroll-line-image.is-visible {
          opacity: 1;
        }
        /* === END SCROLL LINE === */