.video-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px 16px;
            margin-bottom: 2em;
        }
        .video-item {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .video-item p {
            margin-top: 0.5em;
            text-align: center;
        }
        @media (max-width: 900px) {
            .video-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 600px) {
            .video-grid {
                grid-template-columns: 1fr;
            }
        }