@import url(https://fonts.googleapis.com/css?family=Istok+Web);
@keyframes slidy {
  0% { left: 0%; }
  20% { left: -100%; }
  25% { left: -100%; }
  45% { left: -200%; }
  50% { left: -200%; }
  65% { left: -100%; }
  75% { left: -100%; }
  90% { left: -0%; }
  100% { left: -0%; }
  
}

section#captioned-gallery { 
  width: 100%; overflow: hidden; 
}
figure.slider { 
  position: relative; width: 500%;
  font-size: 0; animation: 28s slidy infinite; 
}
figure.slider figure { 
  width: 20%; height: auto;
  display: inline-block;  position: inherit; 
}
figure.slider img { width: 100%; height: auto; object-fit: cover }
figure.slider figure figcaption { 
  position: absolute; bottom: 0;
  background: rgba(0,0,0,0.4);
  color: #fff; width: 100%;
  font-size: 2rem; padding: .6rem; 
}


.splide__slide img {
  width: 100%;
  height: auto;
}