.client-logos-container {
  width: 100%;
  overflow: hidden;
}

.client-logos-wrapper {
  display: flex;
  /* Adjust this value based on your logo sizes and number of logos */
  width: 2000px; /* Total width of all logos */
  animation: scroll 30s linear infinite; /* Adjust speed as needed */
}

.client-logo {
  flex-shrink: 0;
  padding: 10px;
}

.client-logo img {
  max-width: 100%;
  height: auto;
}

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