.brands_container{
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px;
}
.brands{
    width: 700px;
    height: 80px; /* Ajusta según sea necesario */
    overflow: hidden;
    position: relative; /* Asegura que el posicionamiento relativo de la imagen funcione correctamente */ 
}
.brands_img {
    position: absolute;
    top: 0;
    left: 0;
    animation: panearImagen 10s linear infinite;
}
@keyframes panearImagen {
    from {
      left: 100%;
    }
    to {
      left: -380%; /* Desplaza la imagen completamente fuera del contenedor */
    }
}
@media only screen and (min-width: 700px) {
    @keyframes panearImagen {
        from {
          left: 100%;
        }
        to {
          left: -180%; /* Desplaza la imagen completamente fuera del contenedor */
        }
    }
}