Images overlapping in floated divs
<p>I've created a very basic HTML template for a friends eBay listings, and I'm having issues with the images in the left column overlapping the text in the right column when viewed on smaller devices. Here's a screenshot:</p>

<p><img src="https://i.stack.imgur.com/c8dNP.png" alt="Example of image overlapping"></p>

<p>Here's my code, I've replaced the images as they were TinyURLs (be warned, it's probably not great):</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;title&gt;Custom Shadez&lt;/title&gt;
&lt;/head&gt;

&lt;body style="margin:0 auto; max-width:900px;"&gt;

 &lt;div&gt;
     &lt;img src="http://www.w3schools.com/css/img_fjords.jpg" alt="Custom Shadez logo" width="100%"&gt;
    &lt;/div&gt;
    
     &lt;h1 style="text-align:center; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"&gt;LOCS Sunglasses - Flattop Wayfarer Style Frames&lt;/h1&gt; 
        
     &lt;h2 style="text-align:center; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"&gt;Excellent Quality - FREE Postage Australia Wide&lt;/h2&gt;
        
    &lt;div style="width:50%; max-width:550px; float:left"&gt;
    
&lt;!------------------------------------------EDIT PHOTO IMAGES AND POSTAGE LOGO HERE--------------------------------------------&gt;

     &lt;img src="http://www.w3schools.com/css/img_fjords.jpg" alt="photo of sunglasses" width="100%"&gt;   
     &lt;img src="http://www.w3schools.com/css/img_fjords.jpg" alt="free postage" width="100%" style="margin-top:50px"&gt;
    &lt;/div&gt;
    
    &lt;div style="width:46%; float:right; margin-top:-24px;"&gt;
    
&lt;!------------------------------------------EDIT VIEW MORE LINKS HERE--------------------------------------------&gt;

    
     &lt;p style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px"&gt;&lt;a href="http://stores.ebay.com.au/CustomShadez/Polarised-/_i.html?_fsub=2608818011" target="_blank"&gt;&lt;strong&gt;&gt; VIEW OTHER POLARISED SUNGLASSES&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
        
        &lt;p style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px"&gt;&lt;a href="http://stores.ebay.com.au/CustomShadez" target="_blank"&gt;&lt;strong&gt;&gt; VIEW FULL SUNGLASSES RANGE&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
        
        
&lt;!------------------------------------------ITEM DESCRIPTION--------------------------------------------&gt;
        
    &lt;div style="margin-top:7px"&gt;
     &lt;img src="http://www.w3schools.com/css/img_fjords.jpg" alt="free postage and handling" width="100%"&gt;
    &lt;/div&gt;
    
     &lt;div style="margin-top:7px"&gt;
     &lt;img src="http://www.w3schools.com/css/img_fjords.jpg" alt="item description" width="100%"&gt;
    &lt;/div&gt;
    
    &lt;div &gt;
     &lt;img src="http://www.w3schools.com/css/img_fjords.jpg" alt="dimensions of sunglasses" width="80%"&gt;
    &lt;/div&gt;
    
    &lt;p style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:18px; margin-top:-7px"&gt; 
 &lt;strong&gt;Size (mm):&lt;/strong&gt; (A) 148 (B) 58 (C) 45 (D) 138&lt;br&gt;
 &lt;strong&gt;Style:&lt;/strong&gt; Flat Top Wayfarer&lt;br&gt;
 &lt;strong&gt;Lens:&lt;/strong&gt; Grey / Category 3&lt;br&gt;
 &lt;strong&gt;Frame:&lt;/strong&gt; Gloss Black&lt;br&gt;
 &lt;strong&gt;Features:&lt;/strong&gt; UV 400 Protection
    &lt;/p&gt;
    
     &lt;div style="margin-top:7px"&gt;
     &lt;img src="http://www.w3schools.com/css/img_fjords.jpg" alt="postage" width="100%"&gt;
    &lt;/div&gt;
    
    &lt;p style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:18px"&gt; 
    &lt;strong&gt;AUSTRALIA&lt;/strong&gt; (Registered + Tracking) = FREE&lt;br&gt;
 &lt;strong&gt;AUSTRALIA&lt;/strong&gt; (Express Post)  = $8.45&lt;br&gt;
 &lt;strong&gt;USA / Canada, Asia &amp; NZ&lt;/strong&gt; = $9.95 (AUD)&lt;br&gt;
 &lt;strong&gt;UK &amp; Europe&lt;/strong&gt; = $14.95 (AUD)
    &lt;/p&gt;
    
    &lt;p style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:18px"&gt; 
    Items are sent within 1 working day of receiving payment. All postage costs are capped so you can purchase as many pair as you like at no extra postage cost
    &lt;/p&gt;
    
    &lt;div style="margin-top:10px; text-align:center;"&gt;
     &lt;img src="http://www.w3schools.com/css/img_fjords.jpg" alt="postage services" width="100%"&gt;
    &lt;/div&gt;
    
    &lt;div style="margin-top:10px"&gt;
     &lt;img src="http://www.w3schools.com/css/img_fjords.jpg" alt="payment" width="100%"&gt;
    &lt;/div&gt;
    
      &lt;p style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:18px"&gt; 
  Preferred payment method is PayPal or Bank Deposit Feel free to contact us with any enquiries regarding payment.
    &lt;/p&gt;
    
    &lt;div style="margin-top:10px; text-align:center;"&gt;
     &lt;img src="http://www.w3schools.com/css/img_fjords.jpg" alt="payment" width="100%"&gt;
    &lt;/div&gt;

    &lt;/div&gt;
    
&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>

<p>Any ideas? I've done quite a bit of research and can't seem to work this out.</p>