Problem with HTML code design in email signature in zoho mail

i wanted a good design for my email signature and i dont know much about html, so i kinda cheated.

i used ms publisher to design then exported to an html file, then used developer tools in chrome to get the html code.

after that i edited the code in (W3Schools Online Web Tutorials try it editor) to test the code and i linked it to my google drive picture links which needed to be modified using (Google Drive Direct Link Generator | WordPress Plugin) and after all the work i did,

i added the final html code to Zoho mail signature . which seems perfect in the preview. but in the actual email i sent. its just a mess of all pictures in my html code sorted in order.

so does anyone know whats wrong with my html?

or the problem is with zoho mail reading this kind of design.