@keyframes slider {
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;
}
div#captioned-gallery {
width:100%;
clear:both;
overflow:hidden;
}
figure.slider {
position:relative;
width:500%;
animation-name:slider;
animation-duration:30s;
animation-iteration-count:infinite;
}
figure.slider figure {
width:20%;
height:auto;
float:left;
display:inline-block;
position:inherit;
}
figure.slider img {
width:100%;
height:auto;
aspect-ratio:16/9;
}
figure.slider figure figcaption {
position:absolute;
bottom:5px;
background:rgba(0,0,0,0.4);
color:#fff;
width:100%;
font-size:24px;
}