.video-container {
    /* Set the container to a specific size, or let it size based on content, but ensure position is relative for absolute positioning of children */
    width: 800px; /* Adjust as needed */
    height: 450px; /* Adjust as needed */
    position: relative; 
    /* The container can also have a background color/image if desired */
}

.video-container video {
    /* Position the video absolutely within the container */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Make the video fill the container */
    height: 100%; /* Make the video fill the container */
    /* Ensure pointer events are ignored on the video so clicks go through to the image if needed */
    pointer-events: none; 
}

.video-overlay {
    /* Position the transparent image absolutely on top of the video */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Make the image fill the container */
    height: 100%; /* Make the image fill the container */
    z-index: 10; /* Ensure the image is on top of the video */
    pointer-events: none; /* Allows clicks to go through the transparent parts to elements behind it */
}