.product-card-wrapper .card__inner {
  --ratio-percent: 100% !important;
}

.product-card-wrapper .card__media,
.product-card-wrapper .card__media .media {
  background: rgb(var(--color-background));
}

.product-card-wrapper .card__media .media > img {
  object-fit: contain !important;
  object-position: center center;
  padding: clamp(1.2rem, 5%, 2.4rem);
}

.product-card-wrapper .card__media .media > img + img {
  object-fit: contain !important;
}

@media screen and (max-width: 749px) {
  .product-card-wrapper .card__media .media > img {
    padding: 1rem;
  }
}