.logo-slider-wrapper {
  overflow: hidden;
  width: 100%;
  padding: 12rem 0;
  background: #fff;
}

.logo-slider {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
}

.logo-item {
  flex: 0 0 auto;
  margin-right: 60px;
}

.logo-item img {
  height: 60px; /* adjust as needed */
  width: auto;
  display: block;

  &.logo-30 {
    height: 30px;
  }

  &.logo-40 {
    height: 40px;
  }

  &.logo-50 {
    height: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .logo-slider-wrapper {
    padding: 8rem 0;
  }

  .logo-item {
    margin-right: 40px;
  }
}