#viewport-box {
	display: flex;
	flex-direction: column;
	height: 100vh;
}

#image-viewer {
	flex-grow: 1;
	position: relative;
}

#image-viewer>div {
	white-space: nowrap;
}

image-viewer {
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: black;
}

image-viewer>pinch-zoom {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
}

image-viewer>pinch-zoom>img {
	max-width: 100%;
	max-height: 100%;
	background-size: cover;
	background-position: center center;
}