.video-container {
    display: flex;
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
    background: #fff; /* Optional background color */
    padding: 0; /* Remove padding to prevent extra space */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Optional: Subtle shadow for aesthetics */
    border-radius: 8px; /* Optional: Round corners */
    margin: 20px auto; /* Adds some margin around the video */
    max-width: 800px; /* Restricts the maximum width */
    overflow: hidden; /* Ensures no overflow */
}

iframe {
    width: 100%; /* Makes the iframe responsive */
    height: auto; /* Ensures height adjusts dynamically */
    aspect-ratio: 16 / 9; /* Ensures the correct video aspect ratio */
    border: none; /* Removes the iframe border */
    display: block; /* Ensures no extra vertical space */
}