The Home of Experts

.slider-container {
position: relative;
width: 100%;
max-width: 1200px;
height: 300px;
margin: 0 auto;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
.slider-track {
display: flex;
width: calc(100% * 3);
animation: slide 120s infinite linear; /* Slower motion (120 seconds per loop) */
}
.slider-track img {
width: 25%; /* 4 images per view */
flex-shrink: 0;
object-fit: cover;
height: 300px;
}
@keyframes slide {
0% { transform: translateX(0); }
100% { transform: translateX(-66.66%); } /* Enough to loop all slides smoothly */
}
.slider-container:hover .slider-track {
animation-play-state: paused;
}
.slider-container::before,
.slider-container::after {
content: “”;
position: absolute;
top: 0;
width: 100px;
height: 100%;
z-index: 2;
pointer-events: none;
}
.slider-container::before {
left: 0;
background: linear-gradient(to right, rgba(255,255,255,0.9), transparent);
}
.slider-container::after {
right: 0;
background: linear-gradient(to left, rgba(255,255,255,0.9), transparent);
}

<img src="https://cdn.pixabay.com/photo/2016/03/09/09/30/id-card-1241934_1280.jpg" alt="ID Registrati_

The Home of Experts