如何自动从图像底部隐藏固定尺寸以改变图像尺寸

Question

我正在使用elementor和wordpress为客户设计一个新的博客库。每个博客的客户图像都包含每个图像的页脚水印。客户希望在图库视图中隐藏页脚水印。当用户与图像进行交互（单击）时，灯箱将被激活，然后将显示完整图像，包括先前隐藏的页脚。图像的高度都在尺寸上有所不同（请参见下文），但是省事的是，页脚和宽度始终保持相同的尺寸（请参见下文）。

由于我已经在元素中将单个帖子创建为模板，或者可以通过以下方式显示图库

1. 完全从WP中提取的帖子内容（元素）
2. 可以动态链接到帖子附件的图库小部件（元素）。

我已针对上述两个元素，并使用了以下CSS：

    {
    position: absolute;
    clip: rect(0, 915px, 609px, 0);
    }

这确实为某些图像创建了所需的效果，但是对齐全部完成了。 如果我从css中删除POSITION并在elementor小部件中激活POSITION，则对齐方式将得到纠正，但是它下方的任何内容都将得到纠正，即，根据z索引，现在直接在其后面或顶部显示另一个部分。

如何为画廊中所有尺寸不同的图像自动隐藏页脚水印？

更改图像尺寸：

* footer = 80px
* w x h
    * 915x689px
    * 915x784px
    * 915x1453px