使用Jpeg使用纯CSS遮罩另一个图像？

Question

我需要使用Jpeg图像的黑色像素作为“透明层”来掩盖另一幅图像。

当我将此PNG图像用作遮罩时，它可以正常工作：

（在alpha背景中为白色正方形）

但是我需要对Jpeg图像执行相同的操作，将alphachannel替换为black！ （因此没有Alpha通道）。

这是我的CSS：

#selection-image {
  width: 1000px;
  height: 800px;
  position: absolute;
  -webkit-mask-image: urlhttps://image.noelshack.com/fichiers/2019/14/4/1554391365-output-onlinepngtools-2.png);
  -webkit-mask-size: 1000px 800px;
  mask-image: url(https://image.noelshack.com/fichiers/2019/14/4/1554391365-output-onlinepngtools-2.png);
  mask-size: 1000px 800px;
  mask-type: alpha;
  background: red;
}

我无法使用画布删除黑色像素，因为这需要太多时间。我以为可以使用属性mask-type：亮度，但它似乎也只能用于alpha通道。