/* Perfmatters */
.image-placeholder {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

.image > .image-placeholder {
	height: 100%;
}

@keyframes image-load-reveal {
	from {
		opacity: 0;
		filter: blur(8px);
	}
	to {
		opacity: 1;
		filter: blur(0);
	}
}

@media (prefers-reduced-motion: no-preference) {
	img.image-load-reveal {
		animation: image-load-reveal 0.6s ease-out;
	}
}