css有办法实现两者图片重叠,特定区域显示下面图片吗？

Question

我现在有两张图片，我想两张图片叠加在一起，当鼠标移动时，下面的椭圆区域跟着移动，并且椭圆区域显示下面一张图片的内容。

两张图片：
第一张图片：

第二张图片：

我想显示这种效果：
鼠标移动时，椭圆区域显示第二张图片的内容。

有什么办法可以实现吗？

Answer 1

教程版：https://segmentfault.com/a/1190000040996523
拿来版：DEMO
（基于文章中mask修改，细节处需自行调整，如椭圆大小及渐变位置，或者再根据文章中所述其他技巧进行修改调整）