Масштабирование при наведении изображения

Question

У меня есть изображение, которое я хочу масштабировать, но размер отпечатка должен быть таким же, как у оригинала.Масштаб перехода CSS работает отлично, за исключением того, что мое изображение не только увеличивается в размерах, но и расширяется, так что изображение целиком становится больше.

HTML

 <p class="secondCol">
    <span class="columnTitle">Seller Services</span>
    <a href="sellers.html" style="padding-top: 0em;">
    <img src="_images/engaged-buying-a-home.jpg" class="grow">
 </p>

CSS

.grow {
    transition: all .2s ease-in-out;
}

.grow:hover {
    transform: scale(1.1);
}