@keyframes scroll {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(calc(-375px * 16));
	}
}
 .slider {
	 width: 100%;
	 margin: auto;
	 overflow: hidden;
	 position: relative;
}
 .slider::before, .slider::after {
	 background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	 content: "";
	 display: block;
	 width: 200px;
	 height: 100%;
	 position: absolute;
	 z-index: 2;
}
 .slider::after {
	 right: 0;
	 top: 0;
	 transform: rotateZ(180deg);
}
 .slider::before {
	 left: 0;
	 top: 0;
}
 .slider .slide-track {
	 width: calc(375px * 32);
	 animation: scroll 200s linear infinite;
	 display: flex;
}
 .slider .slide {
	 width: 375px;
	 height: auto;
	 aspect-ratio: 16 / 9;
	 flex-shrink: 0;
}
 .slider .slide img { 
	 width: 100%;
}