.slider{position:relative;width:100%;display:grid;place-items:center;overflow:hidden}.slider:after,.slider:before{position:absolute;background-image:linear-gradient(90deg,rgba(0,0,0,1) 0,rgba(255,255,255,0));content:"";height:100%;width:25%;z-index:2;pointer-events:none}.slider:before{left:0;top:0}.slider:after{right:0;top:0;transform:rotate(180deg)}.slide-track{width:calc(200px * 20);gap:5.5rem;animation:scroll 25s linear infinite}.slide-track,.slide-track2{display:flex;justify-content:space-between}.slide-track2{width:calc(200px * 15);animation:scroll2 25s linear infinite}.slide{display:grid;place-items:center;transition:.5s;cursor:pointer}.slide:hover{transform:scale(.8)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-200px * 10))}}@keyframes scroll2{0%{transform:translateX(0)}to{transform:translateX(calc(-200px * 5))}}@media screen and (max-width:768px){.slide-track{width:calc(80px * 20)}.slide-track2{width:calc(80px * 15)}.slide{width:80px}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-80px * 10))}}@keyframes scroll2{0%{transform:translateX(0)}to{transform:translateX(calc(-80px * 5))}}}