.carousel-caption {
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
   width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
   width: 3rem;
   height: 3rem;
}

@media (min-width: 1200px) {
   .carousel-caption .display-1 {
      font-size: 6rem;
   }
}

@media (max-width: 992px) {
   #header-carousel .carousel-item {
      position: relative;
      min-height: 700px;
   }

   #header-carousel .carousel-item img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }
}