.partner-banner {
  --slide-size: 200px;
  --slide-padding: 2rem;
}

.partner-banner-viewport {
    overflow: hidden;
    z-index: 2;
    &::before,
    &::after {
      content: '';
      height: 100%;
      position: absolute;
      top: 0;
      width: 64px;
      z-index: 2;
    }
    &::before {
      background: linear-gradient(
        90deg,
        rgb(0, 102, 94) 0%,
        rgba(42, 123, 155, 0) 75%
      );
      left: 0;
    }
    &::after {
      background: linear-gradient(
        90deg,
        rgba(42, 123, 155, 0) 0%,
        rgb(0, 102, 94) 75%
      );
      right: 0;
    }
  }
  
.partner-banner-container {
    display: flex;
  }

.partner-banner-slide {
    flex: 0 0 var(--slide-size);
    padding-right: var(--slide-padding);
    padding-left: var(--slide-padding);
    pointer-events: none;
    min-width: 0;
  }