.ourcustomers {
  padding: 30px 0;
  text-align: center;
  overflow: hidden;
}

.customersContainer {
  width: 100%;
  overflow: hidden;
  margin-left:5%;
  margin-right:5%;
  
}

.customersimages {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: scroll 40s linear infinite;
}

.customersimages img {
  width: 180px;
  height: 90px;
  object-fit: contain;
  flex-shrink: 0;
}

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

.customersimages:hover {
  animation-play-state: paused;
}

@media (max-width: 768px) {
  .customersimages img {
    width: 110px;
    height: 55px;
  }
  .customersimages {
    animation-duration: 55s;
  }
}