Hover effect for Gallery Slideshow

Site URL: https://stereobild-stream.com/

Hey,

Iam trying to build a hover effect to hide a gallery slideshow and show the title of the picture. 
I have build this for images and it works great but for the slideshow I ran in to some troubles.

I manage to hide the slideshow by hover but ram not able to show the title.

For the images I hid the image by overlaying the title full-size 

#collection-6023ddb5fbdbb45eab5a6bde{
  /*Bilder - Plakat*/
  .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;
  }

But fur the slideshow it didn't work

#block-yui_3_17_2_1_1612964191174_32454:hover {
  visibility: visible;
  opacity: 0;
  transition-duration: 1s;
}

this is hiding  the slideshow and the title

Maybe someone can help me

Best

David

I just tried this 

#block-yui_3_17_2_1_1612964191174_32454 .meta {
  left:0 !important;
  top:0 !important;
  min-height: 100%;
  min-width: 100%;
  margin: 0 !important;
  background-color: #F2F2F2;
  }
#block-yui_3_17_2_1_1612964191174_32454:hover .meta {
  visibility: visible;
  opacity: 1;

  transition-duration: 1s;
}

now I have a full size color that covers by hover the slide show but  the text is to small and iam not able to change it. And when the image change I lose he overlay.

Any ideas?

Best

Text looks fine here? 

yes with pictures it works fine my problem in with the gallery