Video Gallery Title Centered but makes the Title not clickable

Hi,

I am using a gallery block to add youtube/vimeo videos to a site. I add custom code to get the title to center and appear on hover. However, now that the Title is centered over the video, that spot on the video is no longer clickable (to get to the full screen). 

Is there a way to have the title centered over the video and make the whole video face, including where the title sits) clickable?

Thank you!

Here is the code I am using to make the title center over the image:
.sqs-video-wrapper:hover .sqs-video-overlay:hover .sqs-video-opaque:hover {
  opacity: .7;
  word-wrap: break-word;
}
.image-slide-title {
  position: absolute!important;
  color:white;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  font-size: 2rem!important;
  width: 50%!important;
  margin: 0px 0px!important;
   padding: 7px!important;
  white-space: normal!important;
  font-family: interstate;
  font-weight: 500;
}
.margin-wrapper:hover > .image-slide-title {
  opacity: 1;
}