.jumbotron-custom {
     width: 100%;
     height: 80vh;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     color: white;
     font-size: 2rem;
     font-weight: bold;
     position: relative;
     overflow: hidden;
     padding: 60px 0;
 }

 .image-container img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     transition: opacity 0.5s ease-in-out;
 }

 .image-container img.active {
     opacity: 1;
 }

 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.4);
 }

 .text-container {
     position: relative;
     z-index: 2;
 }