.product-recommendations {
  display: block;
}

.product-recommendations__heading {
  margin: 0 0 32px;
  font-family: var(--font-ivy-mode);
  font-weight: var(--font-normal);
  letter-spacing: 1px;
  text-align: center;
  font-size: 24px;
  line-height: 31px;
}

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

@media screen and (min-width: 1024px) {
  .product-recommendations__heading {
    font-size: 30px;
    line-height: 38px;
  }

  .product-recommendations .card--standard .card__inner {
    --ratio-percent: 338px !important; 
  } 
}