В мобильной версии товары в категории сужаются слишком сильно - Joomla 2.5: Общие вопросы

Есть интернет магазин и товары в нем, в каждой категории. Отображаются нормально, параметры заданы как высота на авто, а ширина на 100%. При сужении экрана, как, например, для мобильной версии товары сами сужаются, только с правой стороны, при этом все равно остается свободное место. Как это исправить? Может стоит задать фиксированное значение? Но как тогда будет отображаться товар на разных экранах, прикладываю скрины.
Joomla 2.5, VirtueMart 2, шаблон gk_storefront
P.S так же буду благодарен если кто-нибудь подскажет как сделать фиксированный размер картинки товара, чтобы не было как на скрине, неравномерно.

section img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    }

Я сделал так, но ничего не изменилось

у вас картинки разной высоты, а по ширине одинаково. Чтобы обрезать по высоте надо использовать overflow: hidden и указать высоту height фиксировано.

там вроде выше написан overflow:hidden, или я чего-то не понимаю?