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);
}