images

images

I'm using the CRM Dev to play around and try get my head around it all.
when creating an email template - I'm linking to an image via a URL and then below simply using the Organization logo 

${companyLogo}
the tempate is created as a blank html doc 

[code]
<div><a href="https://imgbb.com/"><img src="https://i.ibb.co/QChVCjv/puppy.jpg" alt="puppy" border="0"></a></div><div><br></div><div>${companyLogo}</div><div><br></div><div><br></div>
[/code]

yet have a look at the difference when sending to a gmail and an outlook  - gmail on the left, outlook on the right. 
Why is this? What can we do to make sure the mail templates look the same in all platforms and mail clients?