create dynamic display of overlay on image

We need to have a dynamic display created - will have a large image as a background and then need overlay of 6 fields of text and 2 small images. For the text - the user had 5 fonts available to chose from and then chose bold and italic as possible option. - we tried to do a table with background image and situate the cells - but with the changes in font and bold - the line spacing changes and we have to have the fields in exactly the same spot every time. you can see sample - [login to view URL] - this one is working just about right - but if you use for example - [login to view URL] - everything is way off. the template is responsive - but I doubt that we can make this be responsive and show what we want. Open to ideas.