.carousel-wrapper {
    display: flex;
    justify-content: center; /* Zarovnání karuselu na střed */
    margin-bottom: 15px; /* Mezera pod karuselem */
}

.image-carousel {
    width: 500px;
    height: 380px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.carousel-images {
    display: flex;
    width: calc(500px * 3); /* Šířka pro 3 obrázky */
    animation: slide 15s infinite; /* Celkový cyklus animace (5s na obrázek + 0.5s přechod) */
}

.carousel-images img {
    width: 500px;
    height: 380px;
    object-fit: cover; /* Ořízne obrázek tak, aby vyplnil prostor */
}

/* Klíčové snímky pro animaci */
@keyframes slide {
    0%, 28.33% { /* První obrázek (0–5 sekund) */
        transform: translateX(0);
    }
    33.33%, 61.66% { /* Druhý obrázek (5.5–10 sekund) */
        transform: translateX(-500px);
    }
    66.66%, 94.99% { /* Třetí obrázek (10.5–15 sekund) */
        transform: translateX(-1000px);
    }
    100% { /* Návrat k prvnímu obrázku */
        transform: translateX(0);
    }
}

/* Responzivní úpravy pro zařízení pod 768px */
@media (max-width: 768px) {
    .image-carousel {
        margin: 0 5%; /* Mezera 5% z obou stran */
}