Layout issue with Element hook in post content

Ok bare with me here...

I am using the Lightweight Grid Columns plugin's html to insert 2 columns in my post via the Element's hook after_entry_title.

<div class="lgc-column lgc-grid-parent lgc-grid-50 lgc-tablet-grid-50 lgc-mobile-grid-100 lgc-equal-heights  lgc-first" style="height: 51px;">
<div class="inside-grid-column">
<?php if ( has_post_thumbnail() ) { ?>
<?php the_post_thumbnail('large'); ?>
<?php } ?>
</div>
</div>

<div class="lgc-column lgc-grid-parent lgc-grid-50 lgc-tablet-grid-50 lgc-mobile-grid-100 lgc-equal-heights  lgc-last" style="height: 51px;">
<div class="inside-grid-column"><?php the_content(); ?></div>
</div>
<div class="lgc-clear"></div>
<?php echo do_shortcode('[gallery]'); ?>

For some reason the gallery (or any other stuff after <div class="lgc-clear"></div>) moves up and covers over the columns.

See the link for details.