* {
  --max-contents-width: min(640px, 100%);
  --contents-width: min(100vw, var(--max-contents-width));
  --image-min-height: calc(var(--contents-width) * var(--image-ratio));
  --image-ratio: (8 / 15);
  --footer-height: min(8vh, 5rem);
  --contents-height: calc(var(--image-min-height) + var(--footer-height));
  --desktop-contents-height: calc(100vh - var(--footer-height));
  --desktop-contents-width: calc(var(--desktop-contents-height) * var(--image-ratio));
}