.content-over-media.ds-collection-banner::before {
  background: rgb(var(--content-over-media-overlay));
  background: var(--content-over-media-overlay-gradient);
}

.ds-collection-banner__overlay {
  position: absolute !important;
  left: 0;
  bottom: 0;
  max-width: var(--image-mobile-max-width) !important;
  grid-area: unset !important;
}

.ds-collection-banner__content  {
  z-index: 2 !important;
}

@media screen and (min-width: 700px) {
  .ds-collection-banner__overlay {
    max-width: var(--image-max-width) !important;
  }
}