Gr image resize

assets/base.css

@@ -1097,7 +1097,6 @@ summary::-webkit-details-marker {
 .media model-viewer {
   display: block;
   max-width: 100%;
-  position: absolute;
   top: 0;
   left: 0;
   height: 100%;
@@ -1108,6 +1107,7 @@ summary::-webkit-details-marker {
   object-fit: cover;
   object-position: center center;
   transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  position: absolute;
 }
 
 .media--square {
@@ -1285,7 +1285,9 @@ button.shopify-payment-button__button--unbranded {
 }
 
 .button:focus:not(:focus-visible):not(.focused),
-.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused),
+.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(
+    .focused
+  ),
 .shopify-payment-button
   [role='button']:focus:not(:focus-visible):not(.focused) {
   box-shadow: inherit;

assets/component-collection-hero.css

@@ -31,7 +31,6 @@
 
   .collection-hero__inner {
     align-items: center;
-    flex-direction: row;
     padding-bottom: 0;
   }
 }

assets/section-image-banner.css

@@ -61,7 +61,9 @@
   }
 
   .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,
-  .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)
+  .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(
+      .banner--adapt
+    )
     > .banner__media {
     height: 34rem;
   }
@@ -368,7 +370,7 @@
   }
 
   .banner--desktop-transparent .banner__box {
-    padding: 4rem 0;
+    padding: 0rem 0;
     background: transparent;
     max-width: 89rem;
     border: none;