.slideshow-container {
    width: 100%;
    height: 750px;
}

.mySlides {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0; /* Başlangıçta görünmez */
    transform: translateX(100%); /* Sağdan başlat */
    transition: transform 1s ease, opacity 1s ease; /* Animasyon */
}

.mySlides.active {
    opacity: 1; /* Aktif slaytı görünür yap */
    transform: translateX(0); /* Sola kaydır */
}

.mySlides.inactive {
    transform: translateX(-100%); /* Ekrandan tamamen sola çıkar */
    opacity: 0;
}


@media (max-width: 768px) {
    .slideshow-container {
        height: 200px; /* Mobilde yükseklik 300px */
    }
}