@-webkit-keyframes scroll3 {
  0% {
    /*-webkit-transform: translateY(0);*/
            transform: translateY(0);
  }
  100% {
    /*-webkit-transform: translateY(calc(-457px * 19));*/
            transform: translateY(calc(-457px * 38));
  }
}

@keyframes scroll3 {
  0% {
    /*-webkit-transform: translateY(0px);*/
            transform: translateY(0px);
  }
  100% {
    /*-webkit-transform: translateY(calc(-457px * 19));*/
            transform: translateY(calc(-457px * 38));
  }
}

body {background-color: rgba(0,0,0,0.1);}
@media (min-width: 360px){
  .client-slider {
    width: 100%;
  }
  .client-slider::before, .client-slider::after {
    width: 100%;
  }
}
.client-slider {
  background: transparent;
  height: 600px;
  margin: auto;
  margin-top: 7px;
  overflow: hidden;
  position: relative;
  align-items: center;
}

@media (min-width: 1200px) {
  .client-slider {
  background: transparent;
  height: 1000px;
  margin: auto;
  margin-top: 7px;
  overflow: hidden;
  position: relative;
  align-items: center;
  }
}

@media (min-width: 883px) {
  .client-slider {
  background: transparent;
  height: 1000px;
  margin: auto;
  margin-top: 7px;
  overflow: hidden;
  position: relative;
  align-items: center;
  }
}

.client-slider::before, .client-slider::after {

  content: "";
  height: 150px;
  position: absolute;
  width: 250px;
  z-index: 2;
  
}
.client-slider::after {
  top: 0;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.client-slider::before {
  
  bottom: 0;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.client-slider .client-slide-track {
  -webkit-animation: scroll3 150s linear infinite;
          animation: scroll3 150s linear infinite;
  animation-iteration-count: infinite;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  height: calc(250px * 38);
}

.client-slider .client-slide {
  /*height: 200px;*/
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}