Hey there! I had one of my colleagues, who is more well versed in HTML, take a look as we're definitely not HTML experts here in support. Images that are inserted into the main flexible area in a template automatically have style="display:block;" and border="0" added to help keep them glued together, but it has to be manually called in within the HTML for hardcoded, editable image slots in a template.
Since it's an editable image tag and not a static image URL, we can't apply those properties directly within the image tag, so it's done through CSS. This particular template doesn't have any CSS included, but here's an example of how this can be accomplished. You could add the CSS property at the very top of your template HTML, above the open body tag currently there. You can name that property anything you would like, but here's an example you could add:

<style type="text/css">.editable_image img {display: block;border: 0;}</style>Then, you'll need to call that property in on any hardcoded but editable image within the template design. Here's an example of how you could call that in on that golfer guy image section (with the class name should match the name used in the above style section):<td align="left" valign="top" height="349" width="600" class="editable_image">[% image name="image1" height="351" width="600" %][%/ image %]</td>This is also occurring on the three smaller hardcoded but editable image slots lower down in the template, so you'll likely want to call that class in on each of those slots too.Hopefully this helps, but please let me know if I can assist further.