.clients-container {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 15rem;
  margin-bottom: 15rem;
  max-width: 159rem;
}

.clients-container--text {
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0px;
  color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 2rem;
}

.clients-container--text span {
  font-size: 3rem;
  display: block;
}

.clients-container-img-wrapper {
  flex: 1;
  overflow: hidden;
}

.clients-container-img-wrapper .client-first-row {
  display: flex;
}

.clients-container-img-wrapper .client-first-row img {
  animation: move-left linear 50s infinite;
}

@keyframes move-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.clients-container-img-wrapper .client-second-row {
  display: flex;
}

.clients-container-img-wrapper .client-second-row img {
  transform: translateX(-100%);
  animation: move-right linear 60s infinite;
}

@keyframes move-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

@media (max-width: 1700px) {
  .clients-container {
    max-width: 133rem;
  }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  .clients-container {
    max-width: 113rem;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {
  .clients-container {
    max-width: 93rem;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .clients-container {
    width: 90%;
    gap: 8rem;
    overflow: hidden;
    max-width: 75rem;
  }

  .clients-container--text {
    padding-left: 0;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .clients-container {
    flex-direction: column;
    gap: 4rem;
    align-items: center;
    text-align: center;
    margin-top: 10rem;
  }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}