@media screen and (min-width: 750px) {
  product-info[id^="MainProduct-"] > product-component > .page-width > .product > .product__media-wrapper:has(> media-gallery.product__column-sticky) {
    align-self: stretch !important;
  }

  product-info[id^="MainProduct-"] > product-component > .page-width > .product > .product__media-wrapper > media-gallery.product__column-sticky {
    position: sticky !important;
    top: var(--ranvelle-gallery-sticky-top, 3rem) !important;
  }
}