I have the following code to add an image to my HTML email:
<img class="max-width" border="0" style="display:block; color:#000000; text-decoration:none; font-family:Helvetica, arial, sans-serif; font-size:16px; max-width:100% !important; width:100%; height:auto !important;" width="600" alt="" data-proportionally-constrained="true" data-responsive="true" src="http://pathToMyImage.png">
However, in gmail and yahoo mail when I view the email there is a small 3px gap under the image, how can I fix this?