How do I make them visualize correctly on emails

Hello,

This is my first time attempting to work with Emails HTML or Foundation Emails, I’ve been working on a signature, but it doesn’t look correctly after I send it in actual emails.

This is how it looks when I preview it

Desk virw

Is there something I’m doing wrong?

This is how it actually looks after sending it in an email, I used the web inliner beforehand.

I also made the mobile view, which should look like this.
Mob virw

Keep it simple, background image aren’t going to work, and the other image will need to be hosted somewhere to be accessible and even then remember that a lot of email software will block images.