.semicircle-video-container {
    width: 70%; /* Set width as a percentage of the screen */
    aspect-ratio: 2/1; /* Maintain a 2:1 width-to-height ratio */
    border-top-left-radius: 100vh; /* Make the top corners curved */
    border-top-right-radius: 100vh;
    overflow: hidden; /* Hide the overflow to create the semicircle effect */
    position: relative;
    margin: auto; /* Center the semicircle */
}

.semicircle-video {
    width: 100%; /* Video takes full width of the container */
    height: 100%; /* Video takes full height of the container */
    object-fit: cover; /* Ensure the video fits and maintains aspect ratio */
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 768px) {
    .semicircle-video-container {
        width: 80%; /* Adjust for smaller screens */
    }
}

body{
    background-color: #D4CDC5;
}