Cacher is the code snippet organizer for pro developers

<table id="blogBox" border="0" width="100%">
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

<script>
$(document).ready(function(){
  $('#blogBox td').wrapInner('<div class="blogPost" />');
});
  
$(function(){
$("<div class='imageColumns'/>").insertAfter('#section1.textSection');
$("<div class='imageColumn imageColumn0'/>").appendTo('.imageColumns');
$("<div class='imageColumn imageColumn1'/>").appendTo('.imageColumns');
$("<div class='imageColumn imageColumn2'/>").appendTo('.imageColumns');

var count = 0;
$(".blogPost").each(function(){
    
    $(this).appendTo(".imageColumn" + count);
    
    
    count++;
    if(count == 3){
        count =0;
    }
});
});
</script>

/* ---------------------------------- */
/* ----------- BLOG CSS ----------- */
/* ---------------------------------- */

.blogPost{width:100%; margin-bottom:25px;}
.blogPost img{width:100% !important; height:auto !important; display:block; margin-bottom:10px;}

.imageColumns{
  margin:auto;
  width:100%;
  max-width:1080px;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
    flex-direction: row;
    
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
    justify-content: space-between;
    
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.imageColumn{
width:30%;
}