.hero {
  background-size: cover;
  background-repeat: none;
  background-position: center -80px;
  animation: fade 15s infinite;
}

@keyframes fade {
  0% {
    background-image: url(img/weeknd_hero_1.webp);
  }
  25% {
    background-image: url(img/weeknd_hero_2.webp);
  }
  50% {
    background-image: url(img/weeknd_hero_3.webp);
  }
  75% {
    background-image: url(img/weeknd_hero_4.webp);
  }
  100% {
    background-image: url(img/weeknd_hero_1.webp);
  }
}



.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Apply to entire page */
::-webkit-scrollbar {
  width: 8px; /* make it thin */
}

/* Track (background) */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* light gray */
  border-radius: 10px;
}

/* Handle (thumb) */
::-webkit-scrollbar-thumb {
  background: #888; /* darker handle */
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}