jquery - 如何反转砌体网格的文本叠加和图像？

Question

我的砖石网格（以下代码）显示图像，当我将其悬停时，它显示文本“MyPost2”。

<div class="elementor-widget-container">
    <div class="elementor-portfolio elementor-grid elementor-posts-container elementor-has-item-ratio">
        <article class="elementor-portfolio-item elementor-post post-6346 project type-project status-publish hentry elementor-active" style="transform: translate3d(0px, 0px, 0px);">
        <a class="elementor-post__thumbnail__link" href="https://www.mywebsite.com/project/MyPost2/">
            <div class="elementor-portfolio-item__img elementor-post__thumbnail">
                    </div>
            <div class="elementor-portfolio-item__overlay">
            <h3 class="elementor-portfolio-item__title">MyPost2</h3></div>
        </a>
        </article>
    </div>
</div>

我的问题：有什么方法可以反转它们，所以它显示文本，当我悬停它时，它显示图像？

谢谢你。

标签： jquerycsswordpressgridmasonry