@-webkit-keyframes scroll {
      0% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
      }

      100% {
          -webkit-transform: translateX(calc(-250px * 7));
          transform: translateX(calc(-250px * 7));
      }
  }

  @keyframes scroll {
      0% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
      }

      100% {
          -webkit-transform: translateX(calc(-250px * 7));
          transform: translateX(calc(-250px * 7));
      }
  }

  .slideshow {
      background: white;
      /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);*/
      height: 100px;
      margin: auto;
      overflow: hidden;
      position: relative;
      /*width: 1080px;*/
  }

/* requires white background padding */
/* 
  .slideshow::before,
  .slideshow::after {
      background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
      background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 20%);
      content: "";
      height: 100px;
      position: absolute;
      width: 200px;
      z-index: 2;
  }
  */

  .slideshow::after {
      right: 0;
      top: 0;
      -webkit-transform: rotateZ(180deg);
      transform: rotateZ(180deg);
  }

  .slideshow::before {
      left: 0;
      top: 0;
  }

  .slideshow .slideshow-track {
      -webkit-animation: scroll 40s linear infinite;
      animation: scroll 40s linear infinite;
      display: -webkit-box;
      display: flex;
      width: calc(250px * 14);
  }

  .slideshow .slide {
      height: 100px;
      width: 250px;
  }