.video-gallery{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:30px;
    max-width:1200px;
    margin:50px auto;
    padding: 2rem;
}

.video-card{
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 5px 15px rgba(0,0,0,.1);
    background:#fff;
}

.video-card img{
    width:100%;
    display:block;
}

.video-card h3{
    padding:15px;
    font-size:20px;
    margin:0;
}

.video-popup{
    position:relative;
    display:block;
}

.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:70px;
    height:70px;
    background:#ff0000;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}