.slider-container {
    width: 100%;
    max-width: 800px;
    margin: auto;
    overflow: hidden; /* Menyembunyikan gambar lain */
    position: relative;
}

.slider {
    display: flex;
    width: 300%; /* Sesuai jumlah gambar */
    animation: slideAnimation 10s infinite; /* Durasi total */
}

.slider img {
    width: 33.333%; /* 100 / jumlah gambar */
    height: auto;
}

@keyframes slideAnimation {
    0% { transform: translateX(0); }
    20% { transform: translateX(0); }
    30% { transform: translateX(-33.333%); }
    50% { transform: translateX(-33.333%); }
    60% { transform: translateX(-66.666%); }
    80% { transform: translateX(-66.666%); }
    100% { transform: translateX(0); }
}