.video-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5 колонок на десктопе */
  gap: 20px; /* Отступы между видео */
  padding: 20px;
}

.video-item {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /* Соотношение сторон 16:9 */
  height: 0;
  overflow: hidden;
}

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

/* Адаптивность для планшетов (3 видео в строке) */
@media (max-width: 1024px) {
  .video-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Адаптивность для мобильных (1 видео в строке) */
@media (max-width: 768px) {
  .video-container {
    grid-template-columns: 1fr; /* 1 колонка */
  }
  .video-container {
    gap: 15px;
    padding: 15px;
  }
}