Алексей

Для родительского блока (модальное окно) - position: relative; Для дочернего блока position: absolute; и задавать left top bottom right. Тогда дочерний блок будет выравниваться относительно родительского.

position: fixed; используется когда надо закрепить объект относительно окна браузера (прилипчивые меню, кнопки заказа звонка и т.д)

Если этот участок макета в векторе, то сохранить как svg и вставить кодом

Добавить средствами js тег br внутри заголовка

Инлайновые стили лучше не использовать, но раз уж используете - замените background-position: center; на background-position: top; тогда головы будут видны, либо background-size: cover; замените на background-size: contain, тогда будет видна вся картинка, но она не будет закрывать весь блок, если пропорции не совпадают

Если картинка вставляется фоном и она больше размеров контейнера то присвойте контейнеру свойство background-position: bottom; она прижимается к низу контейнера, а все что выше высоты контейнера скрыто

Проблема в использовании .hover в первой строке - при закрытии срабатывает ховер и блок снова отображается, замените на click

meta name="viewport"... установлен в head? Если нет - добавить
Маргины и паддинги задавать в em
Для различных шрифтов/отступов и т.д использовать медиазапросы с помощью миксинов бустрапа

Используй justify-content: center;