Как лучше сверстать и адаптировать эту секцию?

Question

[Qurel]

Вот секция:

spoiler

Сейчас я сверстала картинку как бекграунд секции, но это неправильно, хочу ее сделать отдельным блоком, в котором будет фон и видео. На блок с видео накладывается левый блок с текстом и кнопкой. При просмотре видео текст и кнопка "Посмотреть видео" будет его перекрывать. Что лучше сделать с левым блоком при просмотре видео? Как адаптировать эту секцию?
Github Pages

Comments

[Антон Литвиненко]

Я на этом макете делал видео в модальном окне

Answer 1

[Odisseya]

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