@keyframes slidy {
0% { left: 0%; }
25% { left: 0%; }
50% { left: -100%; }
75% { left: -100%; }
100% { left: -200%; }
0% { left: 0%; }
25% { left: 0%; }
50% { left: -100%; }
75% { left: -100%; }
100% { left: -200%; }
} 
div#slider { overflow: hidden}
div#slider figure img {float: left; width: 20% !important;border-radius: 8px !important}
div#slider figure { 
  position: relative;
  width: 500%;
  text-align: left;
  font-size: 0;
  animation: 10s slidy infinite; 
  animation-timing-function: cubic-bezier(1, -0.31, 0.25, 1) !important;
}