@keyframes donothing {
  100% {
    font-size: 0;
  }
}

details:active #slider figure {
  animation: donothing;
}

@keyframes slidy {
  0% { left: 0%; }
	4.4444444444444% { left: 0%; }
	5.5555555555556% { left: -100%; }
	10% { left: -100%; }
	11.111111111111% { left: -200%; }
	15.555555555556% { left: -200%; }
	16.666666666667% { left: -300%; }
	21.111111111111% { left: -300%; }
	22.222222222222% { left: -400%; }
	26.666666666667% { left: -400%; }
	27.777777777778% { left: -500%; }
	32.222222222222% { left: -500%; }
	33.333333333333% { left: -600%; }
	37.777777777778% { left: -600%; }
	38.888888888889% { left: -700%; }
	43.333333333333% { left: -700%; }
	44.444444444444% { left: -800%; }
	48.888888888889% { left: -800%; }
	50% { left: -900%; }
	54.444444444444% { left: -900%; }
	55.555555555556% { left: -1000%; }
	60% { left: -1000%; }
	61.111111111111% { left: -1100%; }
	65.555555555556% { left: -1100%; }
	66.666666666667% { left: -1200%; }
	71.111111111111% { left: -1200%; }
	72.222222222222% { left: -1300%; }
	76.666666666667% { left: -1300%; }
	77.777777777778% { left: -1400%; }
	82.222222222222% { left: -1400%; }
	83.333333333333% { left: -1500%; }
	87.777777777778% { left: -1500%; }
	88.888888888889% { left: -1600%; }
	93.333333333333% { left: -1600%; }
	94.444444444444% { left: -1700%; }
	98.888888888889% { left: -1700%; }
	100% { left: -1800%; }

}

#slider {
  padding-top: 1em;
  overflow: hidden;
}

#slider figure img {
  width: 5.2631578947368%;
  float: left;
}

#slider figure {
  position: relative;
  width: 1900%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation-name: slidy;
  animation-duration: 126s;
  animation-iteration-count: infinite;
  animation-delay: -3s;
}

@media only screen and (max-width: 767px) {
  #slider img{
    display: none;
  }
}