.marcas {
    display: flex;
    width: fit-content;
    animation: movemarcas linear infinite; /* Movimiento infinito */
}

.marcas-clone {
    display: flex;
    /* Aseguramos que el clon sea visible, pero no se muestra inmediatamente */
}

.marcas img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    transition: transform 1s ease-in-out;
}

/* Animación para mover el carrusel de derecha a izquierda */
@keyframes movemarcas {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}