.video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; 
    margin-bottom: 20px; 
}

.video-item {
    width: 100%; 
    padding:5px;
}


/* .video-thumbnail {
    width: 443px !important;
    height: 254px !important;
    display: flex;
    border-radius: 10px !important;
    box-shadow: 1px 2px 8px 0px #8b8686 !important;
} */
 
.video-thumbnail {
    display: block !important;
    width: 443px !important;
    height: 240px !important; 
    object-fit: cover !important; 
    border-radius: 5px !important; 
    box-shadow: 1px 2px 8px 0px #8b8686 !important;
}
@media (max-width: 768px) {
    .video-grid {
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (max-width: 480px) {
    .video-grid {
        grid-template-columns: 1fr;
    }
}