/* Ensure content becomes visible once the video ends or is paused */
.video-controlled-content {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.8s ease;
}

/* Make the content visible after the video is finished or paused */
.video-controlled-content.visible {
    opacity: 1;
    pointer-events: auto;
}

/* Ensure video wrapper stays visible */
#video-wrapper video {
    visibility: visible;
}