/* Keep every package preview uniform without cropping uploaded images. */
.package-image,
.detail-cover {
  aspect-ratio: 16 / 10;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #f5e5e9, #eee6f1);
}

.package-image img,
.detail-cover img {
  position: absolute;
  display: block;
  object-fit: contain;
  object-position: center;
}

.package-image img {
  inset: 12px;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
}

.detail-cover img {
  inset: 18px;
  width: calc(100% - 36px);
  height: calc(100% - 36px);
}

.package-placeholder {
  width: 100%;
  height: 100%;
}