:root{
	--gallery-example2-size:320px;
	--gallery-example2-perspective:200px;
}

#gallery-example1{
	position:relative;
	min-height:var(--gallery-example2-size);
	text-align:center;
}
#gallery-example1>*{
	position:absolute;
	top:0;
	left:calc(50% - (var(--gallery-example2-size))); /* center horizontally */
	width: var(--gallery-example2-size);
	height: var(--gallery-example2-size);

	transition: transform .65s, z-index .45s, filter .65s, opacity .65s;
}

#gallery-example1>*.carousel-current{
	z-index:5500;
	box-shadow: rgba(0,0,0,.3) 0 0 32px 8px;
	transform: translate(0px, 0px) perspective(var(--gallery-example2-perspective)) rotateX(0deg) rotateY(10deg);
}



#gallery-example1>*.carousel-tail1{
	z-index:5500;
}
#gallery-example1>*.carousel-head1{
	z-index:5400;
}
#gallery-example1>*.carousel-head2{
	z-index:5300;
}
#gallery-example1>*.carousel-head3{
	z-index:5200;
}
#gallery-example1>*.carousel-head4{
	z-index:5100;
}
#gallery-example1>*.carousel-head5{
	z-index:5050;
}


#gallery-example1>*.carousel-tail1{opacity:0; transform:translate(-40%, 0px) scale(1.2) perspective(var(--gallery-example2-perspective)) rotateX(0deg) rotateY(10deg);}
#gallery-example1>*.carousel-head1{transform:translate(30%, 0px) scale(0.8) perspective(var(--gallery-example2-perspective)) rotateX(0deg) rotateY(10deg);}
#gallery-example1>*.carousel-head2{transform:translate(52%, 0px) scale(0.6) perspective(var(--gallery-example2-perspective)) rotateX(0deg) rotateY(10deg);}
#gallery-example1>*.carousel-head3{transform:translate(70%, 0px) scale(0.45) perspective(var(--gallery-example2-perspective)) rotateX(0deg) rotateY(10deg);}
#gallery-example1>*.carousel-head4{transform:translate(85%, 0px) scale(0.30) perspective(var(--gallery-example2-perspective)) rotateX(0deg) rotateY(10deg);}
#gallery-example1>*.carousel-head5{transform:translate(100%, 0px) scale(0.1) perspective(var(--gallery-example2-perspective)) rotateX(0deg) rotateY(10deg);}

#gallery-example1>*.carousel-none{
	opacity:0;
	z-index:5000;
	filter: brightness(10%);
	transform:translate(50%, 0px) scale(0.4) perspective(var(--gallery-example2-perspective)) rotateX(0deg) rotateY(10deg);
}



@media(max-width:888px){
	:root{
		--gallery-example2-size:260px;
	}
}

@media(max-width:720px){
	:root{
		--gallery-example2-size:224px;
	}
}

@media(max-width:624px){
	:root{
		--gallery-example2-size:192px;
	}
}

@media(max-width:536px){
	:root{
		--gallery-example2-size:128px;
	}
}

@media(max-width:360px){
	:root{
		--gallery-example2-size:112px;
	}
}