mytril/dist/styles/img.css

Mytril Svelte library component for rapidly building modern websites based on Svelte and Sveltekit

.myt-img {
	z-index: 0;
}

.myt-img--img {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.myt-img--absolute {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.myt-img--img-cover {
	object-fit: cover;
}

.myt-img--img-contain {
	object-fit: contain;
}

.myt-img--placeholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.myt-img--placeholder {
	z-index: -1;
}

.myt-img--preload {
	filter: blur(0.25rem);
}