Можно так:
• карточка фиксированной высоты,
• изображение абсолютное, z-index минимальный
.card {
display: flex;
flex-direction: column;
align-items: flex-start;
height: 320px;
position: relative;
border-radius: 6px;
overflow: hidden;
transform: translateZ(0);
}
/* размеры изображения задайте самостоятельно */
.card__image {
width: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 1;
}
.card__image img {
width: 100%;
height: auto;
vertical-align: top;
}
.card__title {
z-index: 2;
}
.card__price {
z-index: 2;
}
Простой
