.slider {
 overflow: hidden;
 width: 100%;
 position: relative;
}
 
.slider .slide {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center;
animation: slider 28s infinite;
}
 
.slider .slide:nth-child(1) {
   background-image: url('../IMG_0544-5.webp');
   animation-delay: 0s;
}

.slider .slide:nth-child(2) {
   background-image: url('../edit_20230616160731.JPG');
   animation-delay: -7s;
}

.slider .slide:nth-child(3) {
   background-image: url('../IMG_0544-5.webp');
   animation-delay: -14s;
}

.slider .slide:nth-child(4) {
   background-image: url('../edit_20230616160731.JPG');
   animation-delay: -21s;
}

.slide{
   background-repeat: no-repeat;
	background-position: center;
	background-size: cover; 
}
@keyframes slider {
 0%, 21%, 100% {
   transform: translateX(0);
   animation-timing-function: ease;
 }
 25% {
   transform: translateX(-100%);
   animation-timing-function: step-end;
 }
 96% {
   transform: translateX(100%);
   animation-timing-function: ease;
 }
}