.coss{display:grid;place-items:center}.slide{height:100px;width:350px;display:grid;place-items:center;padding:15px;perspective:100px}.img{height:100%;width:100%;transition:transform 1s}.image-slider{display:grid;place-items:center;position:relative;overflow:hidden;height:250px;width:100%}.image-slider-track{display:flex;width:calc(200px*12);animation:play 40s linear infinite}@keyframes play{0%{transform:translateX(0)}to{transform:translateX(calc(-250px*6))}}.image-slider:after,.image-slider:before{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0) 100%);content:"";height:100%;width:15%;z-index:2;position:absolute}.image-slider:before{left:0;top:0}.image-slider:after{right:0;top:0;background:linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0) 100%)}.img:hover{transform:translateZ(20px)}