CSS-用另一个蒙版obj

Question

我花了很长时间尝试剪辑：rect和clip-path
但是我没有做自己想做的事。
我有2个矩形div，背景颜色为Alpha。
它们随过渡和js一起移动。
当一个人落后于另一个人时，我不希望它们彼此重叠。 我想做的是图像的右侧部分，而不是使用遮罩的左侧部分。

我可以将我的第一个div设置为第二个的蒙版吗？

编辑： 这里有一个简短的代码示例，该剪辑位于第一个div上，但我想使其仅适用于第二个div

.container {
  position: relative;
  margin: 1vw;
}

.obj {
  position: absolute;
  background-color: rgba(0, 0, 0, .6);
}

<div class="container">
  <div class="obj" style="width: 10vw; height: 3vw; top: 5vw;"></div>
  <div class="obj" style="width: 3vw; height: 10vw; left: 1vw; clip: rect(0,2vw,10vw,0);"></div>
</div>