@media (max-width: 749px) {
  .collection-hero__inner {
    flex-direction: column-reverse; 
  }

  .collection-hero__image-container.media > img {
    object-fit: cover; 
  }

  .collection-hero--with-image .collection-hero__text-wrapper { 
    padding: 2rem 0 0; 
  }
}