@-webkit-keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-15% * 5));
    }
  }
  
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-15% * 5));
    }
  }
  .slider {
    height: 30vh;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100vw;
  }
  
  .slider .slide-track {
    -webkit-animation: scroll 20s linear infinite;
            animation: scroll 20s linear infinite;
    display: flex;
    align-items: center;
    width: calc(20% * 10);
  }
  .slider .slide {
    height: auto;
    width: 15%;
    margin: 0 2%;

  }