* { box-sizing: border-box; }
html { background: #232424; }
body { margin: 0; }
main {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 24px;
}
img {
  display: block;
  width: min(480px, 100%);
  height: auto;
  max-height: calc(100vh - 48px);
  max-height: calc(100svh - 48px);
  object-fit: contain;
}