.collection-image-banner-section {
  .collection-image-banner-section__container {
    padding-top: var(--section-pt-m);
    padding-bottom: var(--section-pb-m);
  }

  .collection-image-banner-section__media {
    width: 100%;
    margin: 0;
    overflow: hidden;
    aspect-ratio: var(--image-aspect-ratio-m);
    background: var(--beige, #F3F1EE);

    img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: var(--image-position-mobile);
    }
  }

  .collection-image-banner-section__container--full {
    .collection-image-banner-section__media {
      grid-column: 1 / -1;
    }
  }

  .collection-image-banner-section__placeholder {
    width: 100%;
    aspect-ratio: var(--image-aspect-ratio-m);
    background: var(--beige, #F3F1EE);
  }

  @media screen and (min-width: 750px) {
    .collection-image-banner-section__container {
      padding-top: var(--section-pt-d);
      padding-bottom: var(--section-pb-d);
    }

    .collection-image-banner-section__media {
      aspect-ratio: var(--image-aspect-ratio-d);

      img {
        object-position: var(--image-position-desktop);
      }
    }

    .collection-image-banner-section__placeholder {
      aspect-ratio: var(--image-aspect-ratio-d);
    }
  }
}