如何使onmouseover图像大小相对于onmouseout img？

<div onmouseover="changeImageSize(true)" onmouseout="changeImageSize(false)">
  <img id="image" src="image1.jpg" alt="Image 1">
  <img id="image" src="image2.jpg" alt="Image 2">
</div>

function changeImageSize(isMouseOver) {
  var image = document.getElementById("image");
  
  if (isMouseOver) {
    // 设置onmouseover图像的大小
    image.style.width = "200px";
    image.style.height = "200px";
  } else {
    // 设置onmouseout图像的大小
    image.style.width = "100px";
    image.style.height = "100px";
  }
}