.video-grid {
    display: grid;
    gap: 16px;
    padding: 16px;
    box-sizing: border-box;
}


@media (max-width: 639px) {
  .video-grid {
	  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}
@media (min-width: 640px) {
  .video-grid {
	  grid-template-columns: repeat(auto-fit, minmax(560px, 1fr));
  }
}

.video-grid > div {
    aspect-ratio: 16 / 9; /* Keeps the 16:9 ratio automatically */
    overflow: hidden;
}

.video-grid iframe {
    width: 100%;
    height: 100%;
    border: 0;
}