在SVG中交叉淡入淡出图像

Question

在SVG中交叉淡化两个水平对齐图像的最佳方法是什么？

到目前为止，

This是我的方法，但我有两个问题：

1. 在我的面具中，我如何应用来自反面的两个渐变？我只能得到2分中的1分。

2. 当蒙版应用于第一张图像时，为什么第二张图像不再可见？如果我使用的是objectBoundingBox，那么掩码是否应该只包含在元素中？