.z-index-up {
  z-index: 1;
}

* {
  box-sizing: border-box;
}

.block--logo-carousel h2, .block--logo-carousel h3 {
  color: #837443;
  font-size: 1.5rem;
}
.block--logo-carousel .marquee {
  overflow: hidden;
  position: relative;
}
.block--logo-carousel .marquee:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #fff 100%);
  z-index: 2;
}
.block--logo-carousel .marquee__track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: marquee 40s linear infinite;
}
.block--logo-carousel .marquee__slide {
  flex: 16.6666666667cqw; /* always 6 slots visible */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
}
.block--logo-carousel .marquee__img {
  max-height: 60px;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}