Коррекция картинок товара в мобильной версии сайта

На сайте https://irinjoyart.com/ изменить место расположение картинки товара и метод ее увеличения, сделав визуализацию товара в карточке товара в мобильной версии сайта точно такой же, как в мобильной версии сайта kanelov.com. Опустить остальные картинки описания вниз (те, что сейчас сбоку), чтобы оставить побольше места для картинки, что отображается. Нажимая на картинку, она должна открываться на весь экран смартфона. И важно, чтобы посетитель мог сам двумя пальцами увеличивать и уменьшать ровно тот кусочек этой картинки и на столько, на сколько ему необходимо.  Сайт написан в YII2, обязательно нужно ВНЕДРИТЬ эту карточку в конструктор. Конечный результат - измененный визуал в карточке товара НА САЙТЕ. Все необходимо сделать так, чтобы не затронуть ничего из того, из-за чего могут поплыть любые страницы в основной и мобильной версии или возникнуть любые другие неполадки. Сейчас все работает отлично. Ниже прикрепляю пояснительные картинки, но в целом визуализация товара в картинках должна быть точно такой же, как в мобильной версии сайта  kanelov.com.