@-moz-document url-prefix() {
  .carousel {
      scrollbar-color: orange #000; 
    }
}

.carousel::-webkit-scrollbar {
    width: 10px;
}
.carousel::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
.carousel::-webkit-scrollbar-thumb {
  border-radius: 10px;
}


@media (max-width: 500px){
  .cards:hover .carousel::-webkit-scrollbar-track {
    background: #111;
  }
  .cards:hover .carousel::-webkit-scrollbar-thumb {
    background: #222;
  }
}
@media (min-width: 500px){
  .carousel::-webkit-scrollbar-thumb {
    border: 1px solid #aaa;
  }
  
}