/* Video Grid Styling */
.video-grid {
     display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
        padding: 20px;
        max-width: 1200px;
        margin: 0 auto;    
}

.video-item {
     width: 100%;
        max-width: 500px; /* Limits the size on large screens */
        aspect-ratio: 16 / 9; /* Maintains standard widescreen shape */
        object-fit: cover; /* Prevents stretching */
        border-radius: 8px;
        background-color: #000; /* Black bars if video is different shape */
}

 .video-item p {
        margin-top: 12px;
        font-weight: bold;
        color: #ffffff;
}

/* Make iframe responsive */
.video-item iframe {
    width: 100%;
    height: 250px;
    /* Adjust as needed */
    border-radius: 8px 8px 0 0;
}