.Myslider{
  height: 300px;
  margin: auto;
  position: relative;
  width: 90%;
  display: grid;
  place-items: center;
  overflow: hidden;

}

.MysliderTrack{
  display: flex;
  width: calc(250px * 18);
  animation: scroll 40% linear infinite;

}
.MysliderTrack:hover{
  animation-play-state: paused;

}
@keyframes scroll{
  
  0%{
    transform: translateZ(0);
  }
  100%{
    transform: translateZ(calc(-250px * 9));
  }
}
.Myslide{
  height: 240px;
  width: 250px;
  display: flex;
  align-items: center;
  padding: 15px;
  perspective: 100px;
}
.Myslide img{
  width: 100%;
}
.Myslide img:hover{
  transform: translateZ(20px);
}


.Myslider::before,.Myslider::after {
  content: ' ';
  height: 100%;
  position: absolute;
  width: 15%;
  z-index: 2;
  animation: scroll 40% linear infinite;

}
Myslider::before{
  left: 0;
  top: 0;
  
}
Myslider::after{
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
  
}