:root { color-scheme: light; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; }
.gallery {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100svh;
  padding: clamp(20px, 5vmin, 64px);
}
.gallery img {
  display: block;
  width: min(72vw, 560px);
  height: min(52svh, 420px);
  min-width: 0;
  min-height: 0;
  object-fit: contain;
}