.scrollable {
  .scrollable__wrapper {
    .scroll-block {
      display: flex;
      align-items: center;
      justify-content: center;
      height: calc(100% + 200vh);
      margin-top: -100vh;

      .scroll-block__background {
        position: sticky;
        top: 0;
        width: 100%;
        background-color: var(--colorBody);
        display: flex;
        align-items: center;

        &.center {
          top: 50%;
          transform: translateY(-50%);
        }

        img, video {
          width: 100%;
          height: 100%;
        }

        .feature-row-wrapper {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          transform: translate(-50%, -50%);
        }
      }

      .scroll-block__text {
        max-width: 536px;
        position: relative;
        z-index: 1;
      }
    }

    .scroll-block-p2 {
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
    }

    .scroll-block-p1 {
      left: 0;
      min-width: 0;
      position: relative;
      top: 0;
      align-content: center;
    }

    .image-wrap {
      background: transparent;
    }
  }
}