.customer-page {
  --menu-item-image-height: clamp(150px, 18vw, 190px);
}

.customer-page.menu-image-size-small {
  --menu-item-image-height: 108px;
}

.customer-page.menu-image-size-large {
  --menu-item-image-height: clamp(230px, 30vw, 320px);
}

.customer-item-image,
.item-image-placeholder {
  aspect-ratio: auto;
  height: var(--menu-item-image-height);
  transition: height 0.2s ease;
}

@media (max-width: 720px) {
  .customer-page {
    --menu-item-image-height: 170px;
  }

  .customer-page.menu-image-size-small {
    --menu-item-image-height: 100px;
  }

  .customer-page.menu-image-size-large {
    --menu-item-image-height: 240px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .customer-item-image,
  .item-image-placeholder {
    transition: none;
  }
}