.lightbox-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 9999;
}

.lightbox-content {
     position: relative;
     width: 80%;
     max-width: 800px;
     background: #000;
     padding: 0;
     text-align: center;
}

.lightbox-content iframe {
     width: 100%;
     height: 450px;
     border: none;
}
@media (max-width: 768px) {
     .lightbox-content iframe {
          height: auto;
          aspect-ratio: 16 / 9; /* Ensures a proper video aspect ratio */
     }
}

.close-lightbox {
     position: absolute;
     top: 10px;
     right: 10px;
     color: #fff;
     font-size: 30px;
     cursor: pointer;
}