Wordpress|Сверстать блок по макетам

Прошу оценить стоимость и сроки.

Сайт:
url: "https://havanagym-mirror.dev-yaa2.bl3.ru"
username: "w"
password: "w"
Движок:
Wordpress

Задание:

Требуется сверстать адаптивно блок на главной странице согласно макетам десктоп и мобильной версий
https://up.bl3.ru/b/8/l/maket-desktop.B8LNjnfhqmSzD1muqmMHJM.png
https://up.bl3.ru/u/a/h/maket-mobile.UahvTR7v8wihYbxRvN5PAN.png
Исходники:
https://up.bl3.ru/x/n/m/Блок%20О%20НАС.XnMP2z2EXtoMbmc14ESyAk.zip

Подробнее:

1.
Десктоп версия блока должна выглядеть как на макете.
https://up.bl3.ru/b/8/l/maket-desktop.B8LNjnfhqmSzD1muqmMHJM.png

1.1.
Понадобится отойти от макета и сдвинуть край текста как показано на рисунке:
https://up.bl3.ru/k/2/o/maket-desktop-2.K2oPcibxojKbU2igy8N67W.png
и в случае чего вернуть обратно.

2.
Версия блока для мобильных устройств должна выглядеть как на макете
https://up.bl3.ru/u/a/h/maket-mobile.UahvTR7v8wihYbxRvN5PAN.png

2.1.
Блок должен адаптироваться под разрешение мобильного устройства и не "разъезжаться" при изменении разрешения (в рамках максимальной границы ширины экрана устройства, считающегося мобильным). Т.е. не должно быть такого что при ширине 320px всё хорошо, а при 414px вёрстка разваливается.

3.
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.

Особенности:
A.
КРОССБРАУЗЕРНОСТЬ.
Результаты работ должны одинаково выглядеть в основных браузерах: Firefox, Chrome, Safari.

B.
АДАПТИВНАЯ ВЁРСТКА.
Сайт использует адаптивную вёрстку, необходимо чтобы после выполнения задач, в мобильной версии всё было читабельно и никуда не съезжало.
Устройство посетителя считается мобильным в случаях когда:
Ширина экрана браузера менее 700px (если CSS-правилами сайта не определено иное).
User-Agent браузера позволяет определить что устройство мобильное.
Вышеуказанные условия должны реагировать на resize окна браузера (мобильные элементы после ресайза должны быть такими же как после полной перезагрузки с изначально мобильным разрешением).

Размеры элементов адаптивной версии должны растягиваться в зависимости от размера экрана браузера, и по ширине и высоте, сохраняя макетные пропорции.

C.
ПОЯСНЕНИЕ ПО АДАПТИВНОЙ ВЁРСТКЕ.
Адаптивность вёрстки мобильного варианта подразумевает, что не существует какого-то отдельного html-кода для мобильной верстки, дублирующего десктопные элементы. Вместо этого, один единственный вариант вёрстки, в зависимости от размера экрана, отображается как десктопный, либо как адаптивный вариант.

E.
МИНИМУМ JAVASCRIPT.
Задачи должны быть выполнены с минимально возможным применением javascript. Если какие-то задачи могут быть решены средствами PHP/HTML/CSS, то они должны быть решены с помощью PHP/HTML/CSS.

G.
Выполнение данной задачи не должно сломать какой-либо другой функционал. Если в процессе работы вы что-то сломаете, то исправление поломки осуществляется вами безвозмездно.

H.
Результат задачи должен быть представлен в том конечном виде, который описан в ТЗ. Варианты "оно в принципе готово, просто зайдите туда-то, нажмите то-то, затем ещё туда и туда и вот сюда" крайне не приветствуются. Если после выполнения работ нужно обновить кэш сайта - обновите. Если нужно будет обновить кэш браузера - измените html-код таким образом, чтобы файл сам обновился либо смените режим кэширования для этого файла. Закладывайте это дополнительно в стоимость задачи.

I.
НИКАКОГО ДЕБАГА НА ПРОДАКШЕНЕ
На продакшене не должно появляться никаких заглушек и прочего. В случаях острой необходимости произвести дебаг именно на продакшене, выводите дамп внутрь HTML-комментария, либо оборачивайте в <?php if($_SERVER['REMOTE_ADDR'] == 'ВАШ-IP-АДРЕС') { ?>.

J.
ТЕСТОВЫЙ СЕРВЕР
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.

Пожалуйста оцените стоимость и сроки выполнения.