.line-container {
    position: relative;
    width: 100%;
    height: 14px; /* Ajusta la altura según tus necesidades */
    overflow: hidden; /* Oculta cualquier contenido que se desborde */
}

.line {
    position: absolute;
    width: 100%;
    height: 4px; /* Altura de las líneas */
    background-color: rgb(44,107,175); /* Color de las líneas */
    animation: moveRight 2s linear infinite; /* Animación hacia la derecha */
    top: 9px;
    
}

@keyframes moveRight {
    0% {
        transform: translateX(-100%);
        background-color: red; /* Color negro al inicio */
    }
    100% {
        transform: translateX(100%); /* Desplazamiento hacia la derecha */
        background-color: blue; /* Cambia a color azul */}}