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