叠加图片并使用JS移动图片

Question

我想要覆盖2张图片，然后使用JavaScript移动最上面的一张。我要么不能覆盖它们，而JS可以很好地移动它们，要么不能覆盖它们，而JS不能将它们移动

document.getElementById('previewImg').style.top = "100px";

.parentPreview {
    position: relative;
    top: 0;
    left: 0;
  }
  .preview1 {
    position: relative;
    top: 0;
    left: 0;
  }
  .preview2 {
    position: absolute;
    top: 10px;
    left: 11px;
  }

<div class="parentPreview">
      <img class="preview1" src="https://dummyimage.com/600x400/000/fff&text=text" />
       <img id="previewImg" class="preview2" src="https://dummyimage.com/600x400/000/fff&text=text2" />
    </div>