.collection-banner-image {
  .banner-media {
    height: 240px;
    max-width: var(--page-max-width);
    overflow: hidden;
    width: 100%;

    @media (min-width: 750px) {
      height: 400px;
    }
  }

  .banner-image {
    display: block;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}