.video-wrapper {
  display: flex;
  justify-content: center; /* горизонтальное центрирование */
  align-items: center;     /* вертикальное (если есть фикс. высота блока) */
  width: 100%;
}

.video-wrapper video {
  width: 100%;
  height: auto;
  max-width: 1920px; 
  border-radius: 12px;
}

/* от 1200 до 1920 */
@media (min-width: 1200px) and (max-width: 1920px) {
  .video-wrapper video {
    max-width: 1600px;
  }
}

/* от 640 до 1200 */
@media (min-width: 640px) and (max-width: 1200px) {
  .video-wrapper video {
    max-width: 1000px;
  }
}

/* от 320 до 640 */
@media (max-width: 640px) {
  .video-wrapper video {
    max-width: 100%;
  }
}