[Помогите] Масштабирование картинки при наведении

Всем доброго времени суток!
Мне нужно добиться плавного увеличения картинки при наведении на соответствующий блок.
При этом это должна быть именно img, а не фоновое изображение.
Я сделал вот так: https://pandorafix.ru/cifrovaya-tehnika/remont-tv/ (блок с выбором марки телевизора)
А именно, обернул img в блок, задал для img ширину 80%, и при наведении на блок, ширина картинки 100%, в общем всё нормально, НО: она, масштабируясь, немного слезает вниз.

Как сделать так, чтобы картинка масштабировалась не сверху-вниз, а с центра блока?

Типа как vertical-align:middle для таблиц, но для div.
При этом, назначаю div'у display:flex, и вёрстка сразу едет.

 

могу примеры сайтов скинуть https://metall76.ru/#us и https://8бит.рф/#po, можешь оттуда код скопировать, ну, или напиши в личку могу сам код тебе скинуть

 

Один из вариантов добавить запись в css https://pandorafix.ru/wp-content/themes/pandora/style.css:

padding: 0% 20% 0% 20%;


.models-design.tablet-models .img-cont .img-thumbnail {
width: 80%;
bottom: -0;
padding: 0% 20% 0% 20%;
}