html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	display: flex;
	align-items: stretch;
}

div {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

div:nth-child(even) {
	background: black;
	color: white;
	flex-direction: column;
}

div:nth-child(odd) {
	background: white;
	color: black;
	flex-direction: row;
}

img {
	display: block;
	max-width: 80%;
	height: auto;
	pointer-events: none;
}

.clickable {
	cursor: pointer;
}

.unclickable {
	cursor: default;
}