Ответ на "Как отцентровать фото или видео и сделать их адаптивными, если они должны занимать 100% первоначального экрана сайта "

Ребят, извиняюсь, если тут такого нельзя или уже кто-то выкладывал, но я это долго искал, так и не нашел, поэтому хочу помочь тем, кто тоже не нашел. Вот вам пример как можно сделать так, чтоб фоновая картинка или видео были отцентрированы, занимая 100% всего начального экрана сайта. Адаптируется под любое разрешение.

Это записываем в стили оболочки видео или фото:

.main-fullScreen{
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
}

А это уже в стили самого видео или фото:

.main-fullScreen-video{
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  z-index: -1;
}

z-index для того, если вы захотите сделать кнопку или ссылку поверх этого фона, иначе она почему-то не нажимается

При изменении высоты все так же хорошо работает и подстраивается под высоту