.logo-slider-section {
  overflow: hidden;
}
.logo-slider-section.animate .logo-slider {
  justify-content: flex-start;
}
.logo-slider-section.animate .logo-slider .animation-wrapper {
  justify-content: flex-start;
  animation: infiniteScroll var(--animation-speed) linear infinite running;
}
.logo-slider-section.animate .logo-slider .animation-wrapper:not(:first-of-type) {
  display: flex;
}
.logo-slider-section .logo-slider {
  width: 100%;
  overflow: visible;
}
.logo-slider-section .logo-slider, .logo-slider-section .logo-slider .animation-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  gap: 40px;
  /*
  @include to-mdl {
      justify-content: flex-start;
  }
  */
}
.logo-slider-section .logo-slider .animation-wrapper {
  animation: none;
  /*
  // NOT ANIMATING
  @include from-mdl {
      &:not( :first-of-type ) { display: none; }
  }

  // ANIMATING
  @include to-mdl {
      // animation-play-state: running;
      animation: infiniteScroll var(--animation-speed) linear infinite running;
  }
  */
}
.logo-slider-section .logo-slider .animation-wrapper:not(:first-of-type) {
  display: none;
}
.logo-slider-section .logo-slider .animation-wrapper img.logo {
  width: auto;
  height: 30px;
  max-width: 220px;
  -o-object-fit: contain;
     object-fit: contain;
}
@keyframes infiniteScroll {
  0% {
    translate: 0% 0%;
  }
  100% {
    translate: calc(-100% - 40px) 0%;
  }
}