如何让图片向鼠标点击移动？

<div id="container">
  <img src="image.jpg" id="image" alt="图片">
</div>

#container {
  position: relative;
  width: 500px;
  height: 500px;
}

#image {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease; /* 添加过渡效果 */
}

var container = document.getElementById("container");
var image = document.getElementById("image");

container.addEventListener("click", function(event) {
  var mouseX = event.clientX - container.offsetLeft;
  var mouseY = event.clientY - container.offsetTop;
  
  var imageX = mouseX - image.width / 2;
  var imageY = mouseY - image.height / 2;
  
  image.style.transform = "translate(" + imageX + "px, " + imageY + "px)";
});