.donors {
  padding: 48px 0;
  --count: 6;
  --width: 200px;
  margin: auto;
  overflow: hidden;
  position: relative;
}

.donors__title {
  margin-bottom: 16px;
  font-family: "Andes";
  font-size: 20px;
  line-height: 23px;
  text-transform: uppercase;
  text-align: center;
  color: #787878;
}

.donors__body {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-evenly;
}

.donors__item img {
  height: 86px;
}
/*DONORS ANIMATION*/
@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-1 * var(--width) * var(--count)));
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc((-1 * var(--width)) * (var(--count))));
  }
}
.donors .donors__body.donors__autoplay {
  display: flex;
  width: calc(var(--width) * 2 * var(--count));
}
.donors .donors__autoplay .donors__item {
  width: var(--width);
}

@media screen and (max-width: 768px) {
  .donors {
    --width: 150px;
  }
  .donors__body {
    justify-content: center;
    overflow: auto;
    flex-flow: row wrap;
  }
  .donors__item {
    padding-left: 10px;
    margin-bottom: 24px;
  }

  .donors__item img {
    padding-left: 10px;
    max-width: 280px;
  }
}