.slider{height:250px;margin:auto;position:relative;width:90%;display:grid;place-items:center;overflow:hidden}.slider:after,.slider:before{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));content:"";height:100%;position:absolute;width:15%;z-index:2}.slider:before{left:0;top:0}.slider:after{right:0;top:0;transform:rotate(180deg)}.slide-track{display:flex;width:calc(12 * 250px);animation:scroll 40% linear infinite}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(250px*6))}}.slide{height:200px;width:250px;display:flex;align-items:center;padding:15px}.slide img{width:100%}.slidingNext{transform:translateX(-100%)}.slidingPrev{transform:translateX(100%)}