Фото и видео на странице адаптировать

У меня версия WordPress 5.8.3 , с плагином обычного редактора (гутенберг под мои задачи не подходит). Шаблон основательно переделанный.

Нужно реализовать страницу с фото и видео — в адаптивном варианте под разные устройства (фото с открытием на весь экран)
http://test.contactimprovisation.ru/foto-video/ — это пример как нужно сделать (реализовано на конструкторе)

Это как я делал простым методом добавлением фото и видео
http://test2.contactimprovisation.ru/foto-i-video/

И это неадаптируется под мобильную версию. (фото очень криво выводится — не подходит такой вариант)

Вообщем мне нужно, чтобы были прописан нужный css код (или еще какой-то), чтобы при добавлении фото и видео они в последствии адаптировались под устройство.

Встраиваемый видео код может быть и с ютуба, фейсбука, вконтакте , вимео и прочее.

Возможен вариант, чтобы я потом в последствии в редакторе добавлял div в фото или видео, чтобы они правильно масштабировались. Соотвественно вам нужно будет инструкцию прописать , как пользоваться.

Пишите вашу цену за такую работу. Срок 1 день. Я предополагаю хватит.

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]