.video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-height: 300px; /* Ensure visibility if content is empty */
    border-radius: 12px; /* Optional: matches modern UI */
    aspect-ratio: 16 / 9;
}

.video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: none; /* Prevent user interaction for background feel */
    object-fit: cover;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* Dark filter */
    z-index: 10;
    pointer-events: none;
}