针对堆积的背景图像

Question

我将3张图片堆叠在div的背景上。 想知道是否可以单独定位每个图像？ Aka，通过css或javascript动态改变单个背景的不透明度。我知道如何改变整体的不透明度，只是不确定如何逐个单独定位它们。

我的背景图片css看起来像这样，

background-image: url(https://example.com/base.jpg), url(https://example.com/overlay1.png), url(https://example.com/overlay2.png);