.carousel {
     z-index: 10;
 }

 .carousel-caption {
     bottom: 3rem;
     z-index: 10;
     max-width: 42% !important;
     padding: 15px;
     background: rgba(255, 255, 255, 0.04);
     border-radius: 16px;
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(9.8px);
     -webkit-backdrop-filter: blur(9.8px);
     border: 1px solid rgba(255, 255, 255, 0.1);
 }

 .carousel-caption .caption-title {
     font-size: 2.58rem !important;
     font-weight: 700;
 }

 .carousel-item {
     /* height: 32rem; */
 }

 @media screen and (max-width: 1100px) {
     .carousel-caption {
         max-width: 100% !important;
     }

     .carousel-caption .caption-title {
         font-size: 1rem !important;
     }
 }

 .carousel-indicators,
 .carousel-control-prev,
 .carousel-control-next {
     opacity: 0;
 }

 .carousel:hover .carousel-indicators,
 .carousel:hover .carousel-control-prev,
 .carousel:hover .carousel-control-next {
     opacity: 1;
 }

 @media (min-width: 40em) {}