Форум

У вас единственное усложнение, так это выравнивание картинки нужно по значению из базы, а не по центру. То есть просто смещенная точка центрирования.

[URL=https://codepen.io/anon/pen/YEdmPX]https://codepen.io/anon/pen/YEdmPX[/URL]

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

Позиционирование картинки не связано с адаптивностью. Совмещайте с переменной шириной экрана и медиа запросами. Одно другому не мешает.

Вариантов тысячи, конкретное решение зависет от дизайна, набросал несколько методик

[URL=https://codepen.io/anon/pen/BmvEXV]https://codepen.io/anon/pen/BmvEXV[/URL]

Верстка не должна содержать JS, Уже почти 2018, любая кроссбраузерная адаптивка верстаеться на чистом css, все нужные фишки уже поддерживаться подовляющим большенством клиентов. На самый крайний случай есть полифилы. Адаптивное позиционирование/маштабирование/кадрирование картинок это элементарно и не требует JS или вспомогательных html элементов.
Плюс Вы должны избегать обработчиков на частые события, типа resize.
---

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

---

Скорее всего ваша ошибка не связана с битриксом.

Для локальных тестов юзаю Vagrant с вебокружением битрикса, по мойму максимальная совместимость.

Нет, битрикс не влияет на работу jquery, за исключеним одного момента, он может подключать свою копию, что может конфликтовать с вашей копией.
Кеширование битрикса затрагивает только вывод php. Врятли он как то задевает ваш js, разве что вы его засунули в шаблон кешируемого компонента, вместо отдельного файла.

Но в любом случае так делать совершенно безграмотно.

bitrix/modules/security/lib/filter/request.php[CODE]/**
* Filter for Request variables, such as superglobals $_GET, $_POST etc
*
* @package Bitrix\Security\Filter
* @since 14.0.0
*/
class Request
implements IRequestFilter
{

[/CODE]

Самые распространненые ошибки в таких случаях:

Файл шаблона все таки не отредактирован.
Кеш таки не сброшен.
Отредактирован не тот шаблон.

Дальше уже дикая экзотика, например ошибки вебсервера, долгий кеш (opcache.revalidate_freq или аналог).

Докину дровишек в холиварчик:

Гляньте какие магазины на битриксе:
[URL=http://www.ruward.ru/ecommerce-index-2016/]http://www.ruward.ru/ecommerce-index-2016/[/URL]
Как то люди зарабатывают с таким кодом и архитектурой :)

Независемо от сложности проекта, всегда сводил работу php до 0.1 сек., в среднем 0.06 сек. Наверно это медленно... Будем стараться ускорять...