如何使输出的download按钮位于“重新标注”图的后面？

<div class="container">
  <img src="重新标注图的路径" alt="重新标注图">
  <a href="下载链接" class="download-button">Download</a>
</div>

.container {
  position: relative;
}

img {
  position: absolute;
  /* 调整图像位置的属性值 */
}

.download-button {
  /* 设置下载按钮的样式 */
}

<div class="container">
  <img src="重新标注图的路径" alt="重新标注图">
  <a href="下载链接" class="download-button">Download</a>
</div>

const image = document.querySelector("img");
const button = document.querySelector(".download-button");
button.style.zIndex = image.style.zIndex + 1;