.centered-intro {
  .container {
    h1 {
      margin: 40px 0 0.4em;
      font-size: var(--fs-5xl);
      text-align: center;
      text-transform: capitalize;
      line-height: 90%;
      letter-spacing: -3.6px;

      &.small-title {
        font-size: var(--fs-3xl);
      }
    }

    .text {
      max-width: 570px;
      margin: 0 auto 40px;
      text-align: center;
    }

    .cta {
      display: flex;
      justify-content: center;
      margin-bottom: 16px;
    }

    .small-text {
      margin-bottom: 64px;
      font-size: 13px;
      font-style: italic;
      text-align: center;
    }

    .videos-wrapper {
      display: flex;
      gap: 64px;
      justify-content: space-between;

      @media (max-width: 1024px) {
        flex-direction: column;
        margin: 0 -20px;
      }

      figure {
        border: 1px solid var(--c-gray-900);
        border-radius: 5px;
        overflow: hidden;

        @media (max-width: 1024px) {
          border-left: none;
          border-right: none;
          border-radius: 0;
        }

        video {
          width: 100%;
          vertical-align: top;
        }

        &:nth-last-of-type(1),
        &:nth-last-of-type(3) {
          @media (max-width: 1024px) {
            display: none;
          }
        }
      }
    }

    .images-wrapper {
      margin: 64px -80px 0;
      overflow-x: auto;

      @media (max-width: 1440px) {
        margin: 64px 0 0;
      }

      .image-items {
        display: flex;
        gap: 64px;
        justify-content: space-between;

        @media (max-width: 1024px) {
          gap: 16px;
        }

        figure {
          min-width: 150px;
          border-radius: 8px;
          overflow: hidden;

          @media (max-width: 1024px) {
            border-radius: 0;
          }

          img {
            width: 100%;
            vertical-align: top;
          }
        }
      }
    }

    .single-image {
      display: flex;
      justify-content: center;

      img {
        width: 100%;
      }

      video {
        width: 100%;
        vertical-align: top;
      }
    }
  }
}