Images in Lighbox Pop Up loading strangly

Replies: 0

Here is the page I am working on: http://www.jesswoodphotography.com/home-page-test/

If you click on either of the images, it uses the lightbox pop up feature through shortcodes ultimate. But the lighbox doesnt display the pictures when it first shows, but if you resize the browser window then the images will show. Please take a look, what am I doing wrong here?

[su_row]
  [su_column size="1/2"] [su_lightbox type="inline" src="#portrait"]
<h3 style="text-align: center;"> <a>- Portrait Photography -</a> </h3>
<img src="http://www.jesswoodphotography.com/wp-content/uploads/2016/08/DSC_0053-Edit.jpg" alt="dsc_0053-edit" width="800" height="1200" class="alignnone size-full wp-image-4596" />
[/su_lightbox]
[/su_column]
  [su_column size="1/2"] [su_lightbox type="inline" src="#corporate"]
<h3 style="text-align: center;"> <a>- Corporate Photography -</a> </h3>
<img src="http://www.jesswoodphotography.com/wp-content/uploads/2016/08/Head-Shot-Examples-4.jpg" alt="head-shot-examples-4" width="800" height="1200" class="alignnone size-full wp-image-4597" />
[/su_lightbox]
[/su_column]
[/su_row]

[su_lightbox_content id="portrait" width="90%"]
[gallery captions="showon" display="masonry" size="wcstandard" link="none"  class="home_gallery" customlink="true" gutterwidth="15" columns="3" ids="342,415,429,466,118" orderby="rand"]
[/su_lightbox_content]

[su_lightbox_content id="corporate" width="90%"]
[gallery captions="showon" size="wcstandard" link="none"  class="home_gallery" customlink="true" gutterwidth="15" columns="2" ids="304,187" orderby="rand"]
[/su_lightbox_content]