.block-main-collection__banner { position: relative; display: block; overflow: hidden; background-color: rgb(0 0 0 / 20%); } .block-main-collection__banner-sizer { width: 100%; height: 100%; aspect-ratio: var(--banner-aspect-ratio); } @media (max-width: 959px) { .block-main-collection__banner-sizer { aspect-ratio: var(--mobile-banner-aspect-ratio); } } .block-main-collection__banner-mask::after { position: absolute; inset: 0; content: ""; background-color: rgba(var(--mask-color)); } .block-main-collection__banner img { width: 100%; height: 100%; object-fit: cover; object-position: var(--object-position); } .block-main-collection__banner-inner { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; color: rgb(var(--color-text)); } .block-main-collection__banner-inner a { padding-inline-end: 10px; color: rgb(var(--color-text)); } .block-main-collection__banner-inner > div { text-align: center; } .block-main-collection__description { margin-block-start: 40px; } @media (max-width: 959px) { .block-main-collection__description { margin-block-end: 20px; } }