/* The supplied photographs keep their original framing and have rounded edges. */
.res .res-card {
  overflow: hidden;
  border: 0;
  border-radius: 24px;
  background: var(--night);
}

.res .res-card img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* The first PNG is transparent; white restores the background seen in the upload. */
.res .res-card--1 {
  aspect-ratio: 320 / 174;
  background: #fff;
}

.res .res-card--2 { aspect-ratio: 3 / 4; }
.res .res-card--4 { aspect-ratio: 1; }

.js:not(.reduced) .res .res-card--2 { width: min(var(--cw), 42vh); }
.js:not(.reduced) .res .res-card--4 { width: min(var(--cw), 56vh); }