Streaming live at 10am (PST)

HTML EMAIL Problems

Hi Guys, i got a problem with my email signature, that i can’t solve after trying so many times… now i ask you and hope you can help me!

The pictures are not in a fixed “div” they resize dramatically and float around… Let me show you

How it should look

How it looks on Desktop

How it looks on mobile

As you see also on desktop, the icons are floating around and not fixed, on mobile everything seems to go through the roof…

This is the HTML Code


<style type="text/css">
    @import url('https://fonts.googleapis.com/css?family=Inter:400,700&display=swap');
</style>
<table width="466" border="0" cellspacing="0" cellpadding="0" style="font-family: 'Inter', sans-serif; border-top: 1px solid rgba(183, 183, 183, .100);  border-bottom: 1px solid rgba(183, 183, 183, .100); padding:30px;">
    <tbody>
        <tr style="display: block;">
            <td width="154px"><br><table style=" margin-right:24px;">
                   <tbody><tr>
                       <td>&nbsp; &nbsp; &nbsp;&nbsp;<img src="cid:E22A43B3A13144A28060316BEF9F756B"><span style="color: var(--textColor); background-color: var(--backgroundColor);">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span><br></td>
                   </tr>
                  <tr>
                  <td>
                    <table style="display: block; margin: 15px auto 0; width: 85px;">
                            <tbody><tr>
                                <td width="20"></td><td width="20"></td><td width="20"></td></tr></tbody></table></td></tr></tbody></table></td><td width="250px" style=" border-left: 1px solid rgba(183, 183, 183, .100);"><table border="0" cellspacing="0" cellpadding="0" style="margin-left:24px;">
                    <tbody><tr>
                        <td style="font-size: 16px; line-height: 25px;"><font color="#000000"><b>Leon Fankhauser</b></font> <span style="font-weight: bold; font-size: 14px;"><font color="#B7B7B7"> CEO</font></span></td>
                    </tr>
                    <tr>
                        <td style="font-size:11px; color:#6b6c7e; line-height:18px;">Bloom.icu<br>Erlenweg 8, 4912 Aarwangen<br>Bern, Switzerland<br></td>
                    </tr>
                    <tr>
                            </tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" style="margin-left:24px;">
                                <tbody><tr>
                                        <td width="12"><img src="cid:2B24D3CCB63E426C90D4708A9A22D610"><br></td>
                                        <td style="font-size: 11px; line-height: 20px;"><font color="#272833">&nbsp; </font><font color="#000000">+41 76 584 94 59</font></td>
                                    </tr>
                                    <tr>
                                            <td width="12"><img src="cid:4B0DFB6F32D840049D6342A7335BECC3">&nbsp;&nbsp;<br></td>
                                            <td style="font-size: 11px; line-height: 20px;"><font color="#272833">&nbsp; </font><font color="#000000">hello@bloom.icu</font></td>
                                        </tr>
                                        <tr>
                                                <td width="12"><img src="cid:60CE35A296CD4477A328328EBDD8A2C2">&nbsp;&nbsp;<br></td>
                                                <td style="font-size: 11px; line-height: 20px;"><font color="#272833">&nbsp; </font><a href="https://www.bloom.icu/"><font color="#000000">www.bloom.icu</font></a></td>
                                            </tr>
                        </tbody></table>    
                    </td></tr>
                </tbody></table>

Conclusion

I would be super thankful if someone could just quick edit this code in the right lines, i tried so many times and cant figure out where what belongs to…

Thanks so much in advance!

Leon Fankhauser