.threshold {
    position: sticky;
    width: 100%;
    height: 1px;
    z-index: 9999999999;
  }
  .threshold--top {
    top:0;
  }
  .image {
    opacity: 0;
    transition: all 0.5s ease;
  }
  .image.active {
    opacity: 1;
  }
  
  .locker {
    outline-offset: -1px;
    position: relative;
  }
  .locker__image {
    position: relative;
  }
  .locker__image img {
    width:auto;
    height:auto;
    top:100px;
    position: absolute;
    transition: all 1s ease;
  }
  .locker__container {
    position: sticky;
    position: -webkit-sticky;
    top: 90px;
    height: 100vh;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
  .locker__content {
      display: block;
  }
  .locker__section {
    min-height: 100vh;
  }
  .locker__section:first-child {
    border: none;
  }
  @media screen and (max-width:1599px) {
    .locker__image img{
        height:auto;
        top: 0;
    }
  }
  @media screen and (max-width: 767px) {
    .locker__section{
      min-height: auto;
        padding-top: 0;
        margin-top: 40px;
    }
    .locker__section:first-child{
        margin-top: 0;
    }
  }