.partner-logos {
  overflow: hidden;
  position: relative;
  padding: 0 20px;
}

.partner-logos:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #f3f6fa, transparent 15%, transparent 85%, #f4f7fb);
  z-index: 1;
}

.partners-marquee-wrapper {
  position: relative;
  white-space: nowrap;
  will-change: transform;
  background-color: transparent;
  width: 300px;
}

.partners-marquee-wrapper img {
  max-height: 100px;
  max-width: 150px;
  margin-right: 50px;
  background-color: transparent;
}

.partners-marquee-wrapper img:nth-child(4) {
  height: 70px;
}
.partners-marquee-wrapper img:nth-child(2) {
  height: 60px;
  max-height: unset;
  max-width: unset;
}
.partners-marquee-wrapper img:nth-child(3) {
  height: 35px;
  max-height: unset;
  max-width: unset;
}

.partners-marquee-container svg {
  position: absolute;
  object-fit: contain;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1920px) {
  .partner-logos::before {
    background: linear-gradient(to right, #f0f1f9, transparent 15%, transparent 85%, #f4f7fa);
  }
}

@media screen and (max-width: 1550px) {
  .partner-logos::before {
    background: linear-gradient(to right, #ece9f7, transparent 15%, transparent 85%, #f4f7fa);
  }
}

@media screen and (max-width: 1440px) {
  .partner-logos::before {
    background: linear-gradient(to right, #e9e5f6, transparent 15%, transparent 85%, #f3f6fa);
  }
}

@media screen and (max-width: 1080px) {
  .partner-logos::before {
    background: linear-gradient(to right, #f3f6fa, transparent 15%, transparent 85%, #f4f7fa);
  }
}

@media screen and (max-width: 989px) {
  .partner-logos::before {
    background: linear-gradient(to right, #f3f6fa, transparent 15%, transparent 85%, #eff3fa);
  }
}