html,
body {
  overflow-x: hidden;
}

.product-photo {
  display: block;
  aspect-ratio: 16 / 9;
  margin-top: 24px;
  overflow: hidden;
  background: #e6e0d5;
}

.product-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.25s ease;
}

.product-photo:hover img {
  transform: scale(1.025);
}

.product-card-dark .product-photo {
  background: #e7e5de;
}

.product-card-accent .product-photo {
  background: #f7d778;
}

.product-card h3 {
  margin-top: 20px;
}