Проблемы с фоновыми изображениями и видео, которые могут поместиться на весь экран HTML и CSS. ⇐ CSS

[Anonymous]

Я создаю домашнюю страницу с видеофоном, который помещается на весь экран и регулируется по размеру без пробелов. Первоначально мой код работал, пока я не добавил под ним несколько изображений в отдельных разделах. Теперь, когда размер экрана увеличивается, справа от видео появляется пробел, а когда он уменьшается, рядом с изображениями появляется пробел.

Я разработал веб-сайт на холсте, и в идеале я бы хотел, чтобы он выглядел так, если это поможет понять, к чему я стремлюсь: www.specialangelsflowers.com

HTML

// здесь у меня есть панель навигации, я ее оставил из-за ненужности // Особенные ангельские цветы Кинсеаньера CSS

тело { маржа: 0 авто; заполнение: 0; ширина: 100%; высота: 100%; } .homepagevideo видео{ соответствие объекта: заливка; ширина: 100vw; высота: 100вх; положение: фиксированное; переполнение: скрыто; } .айва-bg{ фоновое изображение: url("quince.jpg"); размер фона: обложка; фоновая позиция: центр; фоновое вложение: исправлено; высота: 100вх; маржа: 0; заполнение: 0; } полный код на моем github, если это тоже поможет https://github.com/bananasantana/specialangels