画像拡大して、mousemoveイベントで画像を動かした時マウスの位置と画像の位置を合わせたい

Question

ちょっと説明が難しいのですが、現在以下のようなことをしています。

マウスオーバーでポジションの位置取得
マウスムーブで画像が拡大・動く
マウスアウトでもとの拡大と位置を元に戻す。

で以下のようなコードを実行すると拡大して画像の中心を基準としてマウスが左に動けば画像は右に動くということをjavascript内でCSSのtranslate3dで表現しています。

ただ単にマウスの移動量分、画像を右に動かすと移動しすぎて画像の左端が「img_wrap」の内側に来て余白ができる為、「var move_x = vx/4;」と4で割って移動量を少なくすることで「img_wrap」全体に画像が表示されつつ画像が動くようにしています。

ただ私がやりたいことは、マウスが一番左に移動したときは拡大した画像の左端を表示させるように計算したいのです。
その移動量の計算方法みたいのが分からないのです。

ご教授いただければ幸いです。

<div id="wrapper">
<div class="img_wrap">
  <img class="img_target" src="画像">
</div>

<div class="img_wrap">
  <img class="img_target" src="画像">
</div>

<div class="img_wrap">
  <img class="img_target" src="画像">
</div>

</div>

#wrapper{
  display:flex;
}

.img_wrap {
  width: 600px;
  height:auto;
  overflow: hidden;
  border:1px solid #ccc;
}

img {
  width:100%;
  max-width: 100%;
  vertical-align: bottom;
  -moz-transition: -moz-transform 0.2s ease-out;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}

var imgTarget = document.querySelectorAll(".img_target");
var imgCenterH = 300;
var imgCenterW = 300;
var imgPosTop = 0;
var imgPosLeft = 0;
var scale=1.5;

for (var i = 0; i < imgTarget.length; i++) {
  imgTarget[i].addEventListener("mousemove", imgMove);
  imgTarget[i].addEventListener("mouseover", getPos);
  imgTarget[i].addEventListener("mouseout", resetStyle);
}

function getPos(event) {
  imgPosTop = event.target.getBoundingClientRect().top;
  imgPosLeft = event.target.getBoundingClientRect().left;
  consolo.log(imgPosTop);
}

function imgMove(event) {
 
  var vx = event.clientX - (imgPosLeft + imgCenterW);
  var move_x = vx/4;
  

  var vy = event.clientY - (imgPosTop + imgCenterH);
  var move_y = vy/4;
  
  var styles = this.style;
  styles.transform =
    "translate3d(" + (-move_x) + "px," + (-move_y) + "px,0) scale("+scale+")";

}

function resetStyle(event) {
  var styles = this.style;
  styles.transform = "translate3d(0, 0, 0) scale(1)";
}