<!DOCTYPE html>
<html>
<head>
<title>Image Slider</title>
<style>
body {
margin: 10px auto;
text-align: center;
}
.content {
max-width: 800px;
text-align: left;
margin: auto;
}
.simple-ss {
width: 800px;
height: 250px;
background-color: #eeeeee;
margin: auto;
background-image: url("/uploads/media/default/0001/03/5bfad15a7fd24d448a48605baf52655a5bbe5a71.jpeg");
animation-name: slide;
animation-duration: 10s;
animation-direction: normal;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
@keyframes slide {
0% {
background-position: 0 0;
}
16.66% {
background-position: 0 0;
}
33.32% {
background-position: -800px 0;
}