@keyframes slidy {
    0% { left: 0%; }
    20% { left: 0%; }
    25% { left: -100%; }
    45% { left: -100%; }
    50% { left: -200%; }
    70% { left: -200%; }
    75% { left: -300%; }
    95% { left: -300%; }
    100% { left: -400%; }
}
figure {
    margin: 0;
}
figure.slider {
    position: relative;
    width: 500%;
    animation: 30s slidy infinite;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    font-size: 0;
}
figure.slider figure {
    width: 20%;
    height: auto;
    display: inline-block;
    position: inherit;
    top: 50%;
    transform: translatey(-33%);
}
figure.slider img {
    margin: 0;
    width: 100%;
    height: auto;
}