Placing Callout Heading in the Middle of the Image

Hello,
I’m just trying to place the callout heading in the middle of the image. I’ve tried recreating this via CSS and am getting a little frustrated. I was hoping you guys might be able to help me out. Here’s a screenshot of what I’m attempting to do:

http://prntscr.com/ajxg9a

Thanks!

Hi Jeff,

Would it be possible for you to provide a link to the page where you have the Callout, please? So we can take a closer look.

Thanks,
Danny

Unfortunately I’m working locally. Here’s the html I’m working though if you could point me in the right direction:

https://gist.github.com/anonymous/bb0073f87125f1436021

Hi Jeff,

That doesn’t really help, I would need to see it live. Is it possible for you to put up a live version at all?

Thanks,
Danny