如何为图片添加移动按钮并自动移动几秒钟？

<div class="container">
  <img src="image.jpg" alt="Image">
  <button id="moveButton">Move</button>
</div>

.container {
  position: relative;
  width: 300px;
  height: 200px;
  background-image: url("image.jpg");
}

img {
  position: absolute;
  top: 0;
  left: 0;
}

button {
  position: absolute;
  top: 150px;
  left: 10px;
}

var moveButton = document.getElementById('moveButton');
var image = document.querySelector('.container img');

moveButton.addEventListener('click', moveImage);

function moveImage() {
  image.style.transform = 'translateX(100px) translateY(50px)';
  image.style.transition = 'transform 2s';

  setTimeout(function() {
    image.style.transform = 'translateX(0) translateY(0)';
    image.style.transition = 'transform 0s';
  }, 2000);
}