.carru{
        display:flex;
        width:100%;
        flex-direction:column;
        background-color:white;
        box-shadow: 0 0 50px rgba(148, 165, 234, 0.17);
      }


.logosCarrusel{
  overflow:hidden;
  width:100%;
  padding:25px 0;
}

.track{
  display:flex;
  width:max-content;
  align-items:center;
  will-change: transform;
}

.group{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}


.logo-container {
  flex: 0 0 auto;
  height: 78px;
  width: 143px;
  margin: 0 30px;
  border-radius: 7px;
  background: #f1f2f6; /* Tu color gris */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.logosLogo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
  /* Esto mezcla la imagen con el fondo gris del DIV padre */
  mix-blend-mode: multiply; 
  display: block;
}



      

@media(max-width:700px){

.logo-container{
  height: 60px;
  width: 100px;
  margin: 0 10px;
}

.logosCarrusel{
  padding: 16px 0;
}


}