.bezi-hero {
     position: relative;
     height: 50vh;
     /* Adjust as needed */
     background: url('../img/bezi_welcom.jpg') center/cover no-repeat;
     /* Replace with your image */
     display: flex;
     background-attachment: fixed;
     align-items: center;
     justify-content: center;
 }

 /* Full dark overlay covering the background */
 .bezi-hero::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.6);
     /* Darkness level */
     z-index: 1;
 }

 /* Text container */
 .bezi-overlay {
     position: relative;
     z-index: 2;
     /* Keeps text above the overlay */
     text-align: center;
     padding: 0 20px;
 }

 .bezi-overlay h1 {
     font-size: 36px;
     color: #fff;
     text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
     font-weight: 700;
     line-height: 1.2;
     animation: fadeInUp 1.5s ease-out;
 }

 /* Fade-in animation */
 @keyframes fadeInUp {
     0% {
         opacity: 0;
         transform: translateY(30px);
     }

     100% {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Mobile responsive */
 @media (max-width: 768px) {
     .bezi-overlay h1 {
         font-size: 28px;
     }

     .bezi-hero {
         height: 30vh;
     }
 }