Антон Шелестов

Добавь класс img-fluid на картинку

position: absolute на какой-нибудь div с версткой и поместить его в поле.
А потом через javascript по фокусу в поле скрывать этот div
Ну и плюс проверки на наличия текста в поле чтобы div не появлялся когда фокус пропадает

Самое оптимальное это удаление этих программ со случайным набором кода... =)

Программировать)) Добавлять произвольные поля или другие элементы в админке, а потом выводить их контент в файлах шаблона

Все что сказали выше + самого файла в массиве $_POST не будет, он будет в $_FILES

в data-coords json строку храни

<div class="bg-block">
     ...
     <div class="bottom-bg"></div>
</div>

Для .bg-block задается фон основного изображения + css position:relative
Для .bottom-bg задается фон белой полоски с прозрачностью по середине и стрелкой (это я про первый скрин) и через css position:absolute выравнивается в низу родительского блока bottom:0;left:0;width:100%;

Аналогично для других

как отрывается:

https://drive.google.com/file/d/0B_NLP2Ic1Pr6b1QwO...

как нужно чтобы открывалось:

https://drive.google.com/file/d/0B_NLP2Ic1Pr6d2VxW...