#slider{align-items:center;display:flex;height:100px;justify-content:center}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-250px * 7))}}.slider{height:100px;margin:auto;overflow:hidden;position:relative;width:960px}.slider::before,.slider::after{background:linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);content:"";height:100px;position:absolute;width:200px;z-index:2}.slider::after{right:0;top:0;transform:rotateZ(180deg)}.slider::before{left:0;top:0}.slider .slide-track{animation:scroll 40s linear infinite;display:flex;width:calc(250px * 14)}.slider .slide{height:100px;width:250px}