.carousel-container {
    width: 100%; /* Ajusta según tu diseño */
    overflow: hidden;
    position: relative;
}

.carousel-slide {
    display: flex;
    /*justify-content: center;
    align-items: center;*/
    justify-content: space-between;
    width: 300%; /* 100% por cada imagen (en este caso 3 imágenes) */
    animation: slide 15s infinite;
    /*animation: slide-to-left 5s linear infinite;*/
}

.carousel-slide img {
    width: 40%;
    object-fit: cover;
}


@keyframes slide {
    0% { transform: translateX(0%); }
    33% { transform: translateX(-100%); }
    66% { transform: translateX(-200%); }
    100% { transform: translateX(0%); }
}