html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: var(--background);
	color: var(--foreground);
	font-family: var(--font-sans);
}

.blur-image {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-image {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.4s ease;
}

	.main-image.loaded {
		opacity: 1;
	}