.spotlightsImage {
  max-width: var(--main-container-max);
  margin: 0 auto;

  @include flex-direction(column);
  @include flex-align(center, center);

  gap: 1.6rem;
}

.carouselTemplate {
  max-width: var(--main-container-max);
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  gap: 1.6rem;
  justify-content: flex-start;
  padding-bottom: 1.6rem;

  @include min(tablet) {
    flex-direction: column;
    overflow-x: hidden;
  }

  &::-webkit-scrollbar {
    height: 6px;
    border-radius: 30px;
  }

  &::-webkit-scrollbar-track {
    background: #e0e0e2;
    border-radius: 30px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #64646D;
    border-radius: 30px;
  }

  div:first-child {
    div {
      width: 30rem;

      @include min(tablet) {
        width: 100%;
      }
    }
  }
}