#slider figure {
  -webkit-animation: 30s slider infinite;
          animation: 30s slider infinite;
}

@-webkit-keyframes slider {
  0% {
    left: 0;
  }
  16% {
    left: 0;
  }
  20% {
    left: -100%;
  }
  36% {
    left: -100%;
  }
  40% {
    left: -200%;
  }
  56% {
    left: -200%;
  }
  60% {
    left: -300%;
  }
  76% {
    left: -300%;
  }
  80% {
    left: -400%;
  }
  96% {
    left: -400%;
  }
  100% {
    left: -500%;
  }
}

@keyframes slider {
  0% {
    left: 0;
  }
  16% {
    left: 0;
  }
  20% {
    left: -100%;
  }
  36% {
    left: -100%;
  }
  40% {
    left: -200%;
  }
  56% {
    left: -200%;
  }
  60% {
    left: -300%;
  }
  76% {
    left: -300%;
  }
  80% {
    left: -400%;
  }
  96% {
    left: -400%;
  }
  100% {
    left: -500%;
  }
}
/*# sourceMappingURL=animations.css.map */