.clients-column-container {
  overflow: hidden !important;
  height: 150px !important;
  scrollbar-width: none !important;
}

.clients-column-up,
.clients-column-down {
  transition: transform 0.1s ease-out;
  height: fit-content !important;
}

.clients-column-up {
  animation: scroll-up 3s linear infinite !important;
}
.clients-column-down {
  animation: scroll-down 5s linear infinite !important;
}

.client-logo {
  max-width: 150px !important;
  margin: 1rem auto !important;
}

@keyframes scroll-up {
  0% {
    opacity: 1;
    transform: translateY(100px);
  }
  95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(calc(-100% + 100px));
  }
}

@keyframes scroll-down {
  0% {
    opacity: 1;
    transform: translateY(calc(-100% + 100px));
  }
  95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(100px);
  }
}