.shopping-image { position: relative; } .shopping-image__image { position: relative; display: flex; overflow: hidden; } .shopping-image__image-wrapper { position: relative; display: block; width: 100%; height: 100%; background-color: rgb(0 0 0 / 30%); } .shopping-image__image-wrapper .default-image { width: 100%; height: 100%; min-height: 500px; object-fit: cover; } .shopping-image__image-wrapper img { display: block; width: 100%; height: auto; object-fit: cover; } .shopping-image__content-wrapper { position: absolute; inset-block-start: 0; inset-inline-start: 0; display: flex; width: 100%; height: 100%; pointer-events: none; } .shopping-image__content-wrapper>* { pointer-events: auto; } .shopping-image__group { display: flex; color: rgba(var(--color-text)); } .shopping-image__group .block-heading { animation: animation-slide-in-bottom 0.8s 0.6s both; } .shopping-image__group .block-description { animation: animation-slide-in-bottom 0.8s 0.8s both; } .shopping-image__group .button { pointer-events: auto; animation: animation-slide-in-bottom 0.8s 1s both; } @media (max-width: 959px) { .shopping-image { z-index: 1; } .shopping-image__image { overflow: visible; } .shopping-image__image .default-image { min-height: 450px; } }