.video-container {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden;
 max-width: 1480px;
 width: 100%;
}

.video-container video,
.video-container iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.gallery-wrapper {
 align-items: stretch;
 display: flex;
 padding: 0 15px;
 gap: 15px;
 flex-wrap: wrap;
 justify-content: center;
 width: 100%;
}

.gallery-item {
 width: calc(100% / 4 - 11.5px);
}

@media all and (max-width: 1200px) {
 .gallery-item {
  width: calc(100% / 3 - 10px);
 }
}

@media all and (max-width: 600px) {
 .gallery-wrapper {
  gap: 10px;
 }

 .gallery-item {
  width: calc(100% / 2 - 5px);
 }

 iframe {
  max-width: 100%;
 }
}