:root {
  --row_1_shift: 0;
  --row_2_shift: 0;
  --row_3_shift: 0;
  --slider_width: 0;
}

.member_logos_wrapper_1,
.member_logos_wrapper_2,
.member_logos_wrapper_3 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
  background: #fff;
}

.item_1,
.item_2,
.item_3 {
  border: 1px solid #efefef;
}
.item_1 {
  animation: animate_1 120s alternate linear infinite;
}
.item_2 {
  animation: animate_2 120s alternate linear infinite;
}
.item_3 {
  animation: animate_3 120s alternate linear infinite;
}

.item_1 img,
.item_2 img,
.item_3 img {
  max-width: 150px;
  padding: 10px;
}

@keyframes animate_1 {
  0% {
    transform: translate3d(var(--slider_width), 0, 0);
  }
  100% {
    transform: translate3d(var(--row_1_shift), 0, 0);
  }
}
@keyframes animate_2 {
  0% {
    transform: translate3d(var(--row_2_shift), 0, 0);
  }
  100% {
    transform: translate3d(var(--slider_width), 0, 0);
  }
}
@keyframes animate_3 {
  0% {
    transform: translate3d(var(--slider_width), 0, 0);
  }
  100% {
    transform: translate3d(var(--row_3_shift), 0, 0);
  }
}
