.imgwh{
    width:200px;height:150px;padding:10px;
}
mark { 
    background-color: rgba(255,255,255,0.7);
    color:#fd602c;
  }
  .container2{
    display: grid;
  grid-gap:20px; 
  grid-template-columns: repeat(auto-fill,minmax(320px,1fr));
  }
  .zone {
      cursor:pointer;
      text-align: center;
      transition: all 0.3s linear;
      padding: 21px;
  }

  .zone:hover {
      -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2); 
  }
  .cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap {
      width: 326px;
  }

  logo-slider {
  /* --image-size: 100px; */
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
}
logo-slider .marquestyle {
  display: flex;
  position: relative;
  animation: marquee 30s linear infinite;
  justify-content: space-around;
}
logo-slider .marquestyle img {
  display: block;
  min-width: var(--image-size);
  height: var(--image-size);
  margin: 0 1vw;
}
logo-slider:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0) 80px, rgba(255, 255, 255, 0) calc(100% - 80px), white);
}
h5.less-mar3 {
  margin-top: 0;
}
/* @media (max-width: 900px) {
  logo-slider {
    --image-size: 50px;
    --image-size: min(max(50px, 10vw), 100px);
  }
} */

@media (max-width: 600px) {
  .zone{
    padding:0;
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}