Board Thread:Support Requests - Getting Technical/@comment-4997597-20180214110849

I recently created a template where if you hover on an image, an overlay will appear with the caption (here is an example: Page Example). However, I am unable to put two of them side by side, as it always appears as one image under the other. Whenever I put them it as such (view attached screenshot) it puts them side by side, however, the overlay does not work. Can anyone help me fix this? Am I missing something in the CSS? I have the CSS on my MediaWiki:Wikia.css. Thanks!



Also, as a side question, Is there a way that when I hover the image and the overlay appears, clicking the whole overlay and not just the text will bring me to the page linked to it? 