@keyframes slidy {
  0% { left: 0%; }
  20% { left: -20vw; }
  40% { left: -20vw; }
  80% { left: -20vw; }
  100% { left: -20vw; }
}
@keyframes slidyleft {
  0% { left: 0%; }
  100% { left: -20vw; }
}
@keyframes slidyright {
  0% { left: 0%; }
  100% { left: 20vw; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { 
  /*min-width: 215px;*/
  max-width: 100vw !important; 
  height: auto;
  max-height: 400px;
  float: left; 
  margin-right: 5px;
}
div#slider figure { 
  position: relative;
  width: 100vw !important;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  /* animation: 30s slidy infinite; */
}

.slideleft {
  animation: 30s slidy infinite;
}