css - CSS 混合模式

Question

我正在尝试使用 CSS 混合模式设计一件 T 恤。我已经尝试了我能做的，但是有没有更好的方法来使用 CSS 混合模式创建这个设计，以便婴儿图像与 T 恤图像混合？

https://codepen.io/akin-orisajobi/pen/JZBPBz

.tshirt-design {
  height: 100vh;
  background-image: url(https://image.ibb.co/d1TwN8/baby1_resized.png), url("https://image.ibb.co/ifxRpo/crew_front.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 150px 150px, contain;
  background-position: 120px 70px, 0 0;
  background-blend-mode: multiply;
}

<div class="tshirt-design">
</div>

标签： css