@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
    #carousel > a.carousel-control {
      scale: 0.5 !important;
      opacity: 0.5 !important;
      transition: opacity 0.2s ease !important;
    }

    #carousel > a.carousel-control:hover,
    #carousel > a.carousel-control:focus-visible {
      opacity: 1 !important;
    }
  }