用CSS破解滑块div位置?(方形空间模板Forte)

我有一个关于我用Squarespace（模板Forte）构建的页面的问题：https://joyce-kozloff.squarespace.com/new-gallery-3（这不是一个真正的Squarespace问题，更多的是一个普通的CSS/JS破解问题）

我一直在试图找到一种在这个页面上添加一般描述性文本的方法，因为在模板中没有这样做的选项。

作为一个可能的解决方案，我想我会把第一张幻灯片设置为一个空的PNG，并在下面有项目描述文本。如果描述性文本在默认情况下自动抢购，而不需要将鼠标悬停在图像上，那么这将非常有效。

第一个幻灯片div有一个唯一的ID，所以我尝试过这样做：

#yui_3_17_2_1_1423251233094_294 .image-detail-wrapper {top: 0px !important}

但无济于事。如果有人能提出一种方法，通过CSS和/或javascript将图像细节包装器div提升到内容区域的顶部，我将不胜感激。

感谢阅读！

#fullscreenBrowser .slideshow.strip .image-detail-wrapper {top: 0;background-color: hsla(0,0%,0%,0);color: white;}