.video-gallery {

}

.video-gallery__list {
    margin: -20px -10px ;
}
.video-gallery__item {
    padding: 20px 10px;

}
.video-gallery__item .proportional-box {
    padding-top: 51%;
}
.video-gallery__item iframe {
    width: 100%;
    height: 100%;
}

@media ( min-width: 768px) {
    .video-gallery__list {
        display: flex;
        flex-wrap: wrap;
    }
    .video-gallery__item {
        width: 50%;
    }
}

@media ( min-width: 1500px) {
    .video-gallery__item {
        width: 25%;
    }
}