#hero .carousel,
  #hero .carousel-inner,
  #hero .carousel-item {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  #hero .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #hero .carousel-control-prev,
  #hero .carousel-control-next {
    z-index: 3;
    width: 6%;
    opacity: 0.8;
  }
  #hero .carousel-control-prev:hover,
  #hero .carousel-control-next:hover {
    opacity: 1;
  }
  #hero .carousel-indicators {
    z-index: 3;
    margin-bottom: 2.2rem;
  }
  #hero .carousel-indicators [data-bs-target] {
    background-color: #fff;
  }