Squarespace 悬停效果

如何解决Squarespace 悬停效果

我正在使用 Squarespace 构建网站。

网站的设计包含许多盒子，有些只是一张图片，有些是图片库，其中有一个 Instagram 链接。它们都按其应有的方式工作。现在想有一个悬停效果，显示一个词（框的瓷砖）。 我设法为包含图像的框构建了这种效果。将鼠标悬停在图像与背景的图块上。

.design-layout-poster .image-card-wrapper {
    visibility: visible;
    opacity: 0;
    transition-duration: 1s;
  }
  .design-layout-poster:hover .image-card-wrapper {
    visibility: visible;
    opacity: 1;
    background-color: #F2F2F2;
  }  

在带有画廊幻灯片的盒子里，我遇到了一些问题。

我设法隐藏了通过悬停无法显示画廊的标题。我还尝试用图像覆盖孔厨房块，但由于我的编码知识不足，我无法做到这一点。

.sqs-gallery {
  visibility: visible;
    opacity: 1;
    transition-duration: 1s;
  }
.sqs-gallery:hover {
    visibility: visible;
    opacity: 0;
    transition-duration: 1s;
  }

该网站是 https://stereobild-stream.com/ 左上角是效果起作用的图像。在我不工作的厨房中间。

也许有人知道如何解决这个问题。