.site-client-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center; /* Vertically centers logos of different heights */
  justify-content: center; /* Centers the whole row */
  gap: 30px; /* Space between logos */
}

.site-client-item {
  width: 150px; /* Adjust this based on how big you want the logos */
  display: flex;
  justify-content: center;
  align-items: center;
}

.client-logo {
  max-width: 100%;
  max-height: 70px; /* Limits height so tall logos don't look huge */
  width: auto;
  height: auto;
  object-fit: contain; /* Keeps aspect ratio intact */
  transition: filter 0.3s ease;
}