.FeaturedCollections {
  .FeaturedCollections--header {
    text-align: center;
    padding: 2rem 0;
  }

  .FeaturedCollections--item {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    .FeaturedCollections--item-image {
      aspect-ratio: 0.855;
      width: 100%;
      background-color: var(--black);
      overflow: hidden;

      img {
        opacity: 0.75;
        scale: 1.05;
        transition: opacity 0.5s var(--opacity-curve),
          scale 0.8s var(--gygi-curve);
      }
    }

    .FeaturedCollections--item-title {
      font-size: 2rem;
    }

    &:hover {
      .FeaturedCollections--item-image img {
        opacity: 1;
        scale: 1;
      }
    }
  }

  @media screen and (max-width: 768px) {
    .FeaturedCollections--item {
      flex-basis: 100%;
      width: 100%;
    }

    .FeaturedCollections--row {
      flex-direction: column;
      gap: 2rem;
    }
  }
}