Beliyadm

Сделай для мобильной версии в этом блоке br с content: ' ';

Гуглить по запросу "php форма обратной связи" (как пример), обязательно не забываем в обработчике фильтровать приходящие данные

Бутстрап использует флоаты, там никакими процентами четко не получится для полурезинового сайта сделать идеальную сетку.
Попробуйте Flexbox https://html5.by/blog/flexbox/, на них выравнивание слева\справа с свойством space-between работает идеально (или гриды, но они чуть сложнее)

Никак, это псевдоэлемент у блока, он и так по умолчанию существует.
Вы можете ранее его в стилях создать и скрыть а по клику добавить класс и по новому классу показать

.image-container:before {бла бла бла display: block;}

$('.image-container').addClass('.showpsevdo');
и в стилях

.image-container.showpsevdo:before {display: block;}

jQuery Form Styler
Удобный плагин в плане настроек стилей и всяких JS опций

я бы сделал для блоков типа "костные ткани" враппер, внутри абсолютно позиционированных блоков (можно и одним обойтись) для которых добавить псевдо до\после для горизонтальной\вертикальной линии
Для каждого блока разные параметры длины\отступов и для базовых медиа точек в стилях проставить свои значения
Либо SVG, но это и сложнее и дольше.

Либо вообще одной картинкой с параметром background-size:cover
Будет не очень на совсем мобильных (от 400 пкс и ниже) но тоже как вариант вообще без геморроя