.video-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); 
gap: 20px; 
margin-bottom: 20px; 
}
.video-item {
width: 100%; 
padding:5px;
} .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;
}
}