.contenedor-img {
    position: relative;
    width: 1100px; /* ajusta el tamaño del contenedor si es necesario */
    height: auto;
    overflow: hidden; /* oculta el texto que se sale del contenedor */
}

.imagen {
    width: 100%;
    height: auto;
}

.texto-animado {
    position: absolute;
    top: 50%; /* posición vertical del texto */
    left: 100%; /* inicia fuera del contenedor a la derecha */
    transform: translateY(-50%);
    font-size: 24px;
    color: white;
    white-space: nowrap; /* evita que el texto se divida en varias líneas */
    animation: movimientoTexto 5s linear infinite;
}

/* Definimos la animación */
@keyframes movimientoTexto {
    0% {
        left: 100%; /* empieza fuera del contenedor a la derecha */
    }
    100% {
        left: -100%; /* termina fuera del contenedor a la izquierda */
    }
}