Acaba Neyi Eksik Yapıyorum?

Bir görsele :hover vererek yakınlaşmasını sağlamak istedim ve buna birde animasyon süresi ekledim ancak mevcut alanın dışına taştı. Ben istiyorum mevcut alanın içinde yakınlaşsın. Bunun için ne yapmam gerekiyordu?

Görsel: http://prntscr.com/ou8g00

Eklediğim CSS codu:

 .module-type-posts .gridlove-box:hover img {
    transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.module-type-posts .entry-image img {
-webkit-transition: -webkit-transform .45s;
transition: -webkit-transform .45s;
-o-transition: transform .45s;
-webkit-transition: -webkit-transform .45s;
transition: -webkit-transform .45s;
transition: transform .45s;
transition: transform .45s,-webkit-transform .45s;
transition: transform .45s,-webkit-transform .45s;
will-change: transform;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
}

Module-type-posts'a overflow: hidden; ekleyerek sorunu çözdüm.

img kapsayan dive yani kapsayıcı dive overflow:hidden; verirseniz alan içinde zoom yapılmış gibi büyüme sağlanır.