VBcms article embedded image issue

[edwinrcollins]

I am having and issue when posting articles with embedded getty image codes.
I assume something in the VBcms code is trying to resize the image on the main page but is only re sizing the image but not the rest of the embed code from Getty IMages.

On the main content/vbcms page the top article has a large space between the images and the text.



When you go into the actual article page that space is gone:




You can also see for yourself on the site: www.TheDailyNole.com

Any help would be appreciated I have been banging my head on the wall trying to resolve this issue.

Here is a copy of what the getty images embed code looks like in the articles:

<div class="getty embed image" style="background-color:#fff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#a7a7a7;font-size:11px;width:100%;max-width:594px;"><div style="padding:0;margin:0;text-align:left;"><a href="http://www.gettyimages.com/detail/503063432" target="_blank" style="color:#a7a7a7;text-decoration:none;font-weight:normal !important;border:none;display:inline-block;">Embed from Getty Images</a></div><div style="overflow:hidden;position:relative;height:0;padding:72.222222% 0 0 0;width:100%;"><iframe src="//embed.gettyimages.com/embed/503063432?et=4OTIwcqtQcVrbwNE96vCwA&viewMoreLink=on&sig=PSkrcgFvP34ZfmXPJTXByhX63A8JmrwqzwCvLDUyc2Q=" width="594" height="429" scrolling="no" frameborder="0" style="display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;"></iframe></div><p style="margin:0;"></p></div>