/* CSS Rest */
html, body { height: 100%; }
* { box-sizing: border-box; }
body { margin: 0; background: #000; overflow: hidden; }

/* Image Fill */
.viewport-image { width: 100vw; height: 100vh; object-fit: cover; object-position: center center; display: block; }

/* Avoid 1px Overflow */
@supports (height: 100dvh) { .viewport-image { height: 100dvh; } }