<style> /* Hero image layout */ .banner { position: relative; overflow: hidden; width: 100%; display: flex; align-items: center; justify-content: center; } .banner__media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; } .banner__content { position: absolute; z-index: 2; text-align: center; width: 100%; padding: 2rem; } /* Header */ .site-header, .header { position: sticky; top: 0; z-index: 1000; background-color: #fff; height: 80px; } .header__heading-logo-wrapper img { height: 60px; display: block; } <style> .product__media-wrapper { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; overflow: hidden; position: relative; } .product__media { width: 100%; display: flex; justify-content: center; position: relative; } .product__media img, .product__media-image { width: 100%; height: auto; display: block; aspect-ratio: 1 / 1; object-fit: cover; } @supports not (aspect-ratio: 1 / 1) { .product__media::before { content: ''; display: block; padding-bottom: 100%; /* fallback for 1:1 ratio */ } .product__media img { position: absolute; top: 0; left: 0; } } </style> /* General layout */ body { margin: 0; font-family: var(--font-body-family); font-size: 1.6rem; line-height: 1.4; } </style> Wholesale Contact