Hovering over a image block and text block appearing

Hey There, 

I am an absolute beginner in customizing CSS code so I am trying to create the simple effect of hovering over an image to have a text appear, before clicking on said image to be led to another page. The code is not working. I have the correct image block id and text block id, but the effect is not happening.  I just have the image I can hover over but the text is not showing. Help? 

thank you!!

#block-0c4e72f9503d19632aa6:hover + #block-yui_3_17_2_1_1684005583912_2875 {
    display: block;
  }
  
#block-yui_3_17_2_1_1684005583912_2875 {
    display: none;
  }
 

Can you share link to page? We can check easier