.marquee{
	--gap: 40px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.marquee .inner{
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	align-items: center;
	padding: 0 calc( var(--gap) / 2 );
	gap: var(--gap);
	will-change: transform;
	contain: layout style;
	backface-visibility: hidden;
	transform-style: preserve-3d;
}
.marquee.play .inner{
	animation: marquee var(--duration) infinite linear;
}
.marquee.direction-right.play .inner{
	animation: marquee-right var(--duration) infinite linear;
}
.marquee img{
	flex-shrink: 0;
	flex-grow: 0;
	width: auto;
	height: auto;
	max-height: 600px;
}

@keyframes marquee{
	0%{
		transform: translate3d( 0%, 0, 0 );
	}
	100%{
		transform: translate3d( -100%, 0, 0 );
	}
}

@keyframes marquee-right{
	0%{
		transform: translate3d( -100%, 0, 0 );
	}
	100%{
		transform: translate3d( 0%, 0, 0 );
	}
}

@media (max-width: 991px){
	.marquee{
		--gap: 30px;
	}
	.marquee img{
		max-height: 300px;
	}
}