.clients-wrapper {
  gap: 60px;
  align-items: center;
}

.clients-wrapper::before,
.clients-wrapper::after {
  position: absolute;
  top: 0px;
  width: 100px;
  height: 100%;
  content: "";
  z-index: 2;
}

.clients-wrapper:after {
  left: 0px;
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 0),
    rgb(255, 255, 255)
  );
}

.clients-wrapper:before {
  right: 0px;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgb(255, 255, 255)
  );
}
.client__box .logo {
  text-align: center;
  display: flex;
  justify-content: center;
}

.client__box .logo img {
  height: 100px;
  object-fit: contain;
}