.fixed_image_scrolling-group {
  .fixed_image_scrolling-row {
    @include breakpoint(mobile) {
      padding-top: calculateRem(30);
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 0;
    }

    @include breakpoint(laptop) {
      padding-top: calculateRem(125);
      padding-right: calculateRem(50);
      padding-bottom: calculateRem(125);
      padding-left: calculateRem(50);
    }

    .fixed_image_scrolling {
      & > .content {
        @include breakpoint(mobile) {
          padding-right: calculateRem(30);
          padding-left: calculateRem(30);
        }

        @include breakpoint(laptop) {
          padding-right: 0;
          padding-left: 0;
        }

        &:not(.animated) {
          visibility: hidden;
        }
      }

      & > .descriptions-images {
        @include breakpoint(mobile) {
          display: none;
        }

        @include breakpoint(laptop) {
          display: flex;
        }

        &.image-left {
          .fixed-image-container {
            order: 1;
          }
          .titles-descriptions-container {
            order: 2;
          }
        }

        &.image-right {
          .fixed-image-container {
            order: 2;
          }
          .titles-descriptions-container {
            order: 1;
          }
        }

        .fixed-image-container {
          position: relative;

          width: 50%;

          .container {
            display: flex;
            justify-content: center;

            height: 48vw;

            padding-top: calculateRem(100);
            padding-bottom: calculateRem(100);

            &.sticky {
              position: sticky;
              top: 0;

              width: 100%;
            }

            &.absolute-bottom {
              position: absolute;
              top: auto;
              bottom: 0;

              width: 100%;
            }

            .wrapper-container {
              position: relative;

              height: 100%;

              z-index: 11;

              @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
                width: 0;

                left: -1.4vw;
              }

              img {
                height: 100%;
              }
            }

            .images-container {
              position: absolute;
              top: 0;
              left: 0;

              width: 100%;

              z-index: 10;

              .relative-container {
                display: flex;
                justify-content: center;

                position: relative;
                width: 100%;

                .absolute-container {
                  position: absolute;
                  top: calc(1.72vw + 92px);

                  height: calc(44.7vw - 187px);

                  overflow: hidden;

                  img {
                    display: block;

                    position: relative;
                    top: 0;

                    height: 100%;

                    transition: top 0.4s ease-out;
                  }
                }
              }
            }
          }
        }

        .titles-descriptions-container {
          width: 50%;

          &:not(.animated) {
            visibility: hidden;
          }

          .title-description-container {
            display: flex;
            justify-content: center;
            align-items: center;

            height: 48vw;

            .title-description {
              @include breakpoint(laptop) {
                width: 60%;
              }
            }
          }
        }
      }
      .mobile-descriptions-images {
        @include breakpoint(laptop) {
          display: none;
        }

        .descriptions-images {
          .description-image {
            padding-top: calculateRem(45);
            padding-right: calculateRem(30);
            padding-bottom: calculateRem(45);
            padding-left: calculateRem(30);

            .image {
              width: 50%;

              .container {
                position: relative;

                .wrapper-container, .image-container {
                  img {
                    width: 100%;
                  }
                }

                .wrapper-container {
                  position: relative;
                  z-index: 12;
                }

                .image-container {
                  position: absolute;
                  bottom: 3%;
                  left: 7.3%;

                  width: 85.4%;
                }
              }
            }
            .description {
              margin-top: calculateRem(10);
              p {
                &:last-of-type {
                  margin-bottom: 0;
                }
              }
            }
          }
        }
      }
    }
  }
}
