body {
    align-items: center;
    background: #FFF;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    border: 0;
  }
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-300px * 14));
    }
  }
  .slider {
    background: white;
    height: 200px;
    margin: 40px auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    clear: both;
  }

  .slider .slide-track {
    animation: scroll 100s linear infinite;
    display: flex;
    width: calc(300px * 28);
  }
  .slider .slide {
    height: 200px;
    width: 300px;
  }
  
  .slide img {
    border-radius: 2px;
  }