.slider, .fader
{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.slider
{
	display: flex;
}

.portrait
{
	aspect-ratio: 2/3;
}

.square
{
	aspect-ratio: 1/1;	
}

.slider img
{
	min-width: 100%;
	transition: transform;
}

.slider img, .fader img
{
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
}

.fader img
{
	position: absolute;
	width: 100%;
	opacity: 0;
	z-index: 1;
	transition-property: opacity;
}

.fader img.active
{
	opacity: 1;
	z-index: 3; 
}

.fader img.last-active
{
	opacity: 1; 
	z-index: 2;
}