.opptylab-logo-slider {
  width: 100%;
  overflow: hidden;
  display: flex;
  /* De "Fade" magie */
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    black 15%,
    black 85%,
    transparent
  );
  mask-image: linear-gradient(
    to right,
    transparent,
    black 15%,
    black 85%,
    transparent
  );
}

.opptylab-logo-slide-track {
  display: flex;
  width: max-content;
  animation: scroll 100s linear infinite; /* Tijd kun je aanpassen */
  background:rgba(255,255,255,.2);
  padding:15px 0;
}

.opptylab-logo-slide{
  width:auto;
  height: 35px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  margin:0 50px;
}

.opptylab-logo-slide img {
 height: 35px;
}

@keyframes scroll-logo-slide {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Slider 1: Langzaam */
.opptylab-logo-slide-track {
  animation: scroll-logo-slide 100s linear infinite;
}



/* De track is standaard onzichtbaar */
.opptylab-logo-slide-track {
  opacity: 0;
  transition: opacity 0.8s ease-in-out; /* Pas hier de snelheid van de fade aan */
}

/* Zodra deze class wordt toegevoegd, fade hij in */
.opptylab-logo-slide-track.is-ready {
  opacity: 1;
}