与其两次使用display: flex嵌套标记“Footer”，只需将第二个标记的内容移动到第一个标记中。
就像这样。

<tr style='background-color: #1F3466;'>
    <td style='background-color: #1F3466;'>
        <footer style='background-color: #18A5A7;'>
            <h2 style='margin-left: 25px;font-family: sans-serif; color: aliceblue;'>Fique bem informado! </h2>
            <h3 style='margin-left: 25px;font-family: sans-serif; color: aliceblue;'>Acompanhe também o Grupo São
                Cristóvão Saúde nas redes sociais: </h3>
    
                <Footer
                style='display: flex;flex-direction: row;align-content: center;align-items: center;font-family: sans-serif;'>
                <img src='fb_logo.png' style="width:25px; height:25px; margin-left:25px" alt='facebook'/><a style='text-decoration: none;color: aliceblue;'
                    href='https://m.facebook.com/gruposaocristovaosaude/'>&nbsp;&nbsp;Facebook.com/gruposaocristovaosaude</a>
                <img src='inst_logo.png' style="width:25px; height:25px; margin-left:25px" alt='instagram' /><a style='text-decoration: none;color: aliceblue;'
                    href='https://instagram.com/saocristovaosaude/'>&nbsp;&nbsp;@saocristovaosaude</a>
            </Footer>
        </footer>
    </td>
</tr>
<tr>

另外，作为一个列表的变化，使这对你来说更容易：

• 不要嵌套footer标签，您的文档应该只包含其中一个。
• 摆脱你的内联样式，把它们添加到一个css文件中。

您可以将这两个元素放在单独的div中，并将它们嵌套在父div d-flex flex-row中。https://getbootstrap.com/docs/4.0/utilities/flex/

这就是你所追求的。混合/海绵方法，不依赖于媒体查询进行堆叠。你的内部两列（[Content goes here]）将具有每列的内容。现在运行代码时不会显示单词，因为父td具有font-size:0;。请确保为每列添加内联样式。

<table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td style="text-align:center;font-size:0;">
            <!--[if (gtemso 9)|(IE)]>
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="50%" valign="top">
                <![endif]-->
                <div class="column" style="width:100%;max-width:300px;display:inline-block;vertical-align:middle;">
                    [Content goes here]
                </div>
                <!--[if (gtemso 9)|(IE)]>
                        </td>
                        <td width="50%" valign="top">
                <![endif]-->
                <div class="column" style="width:100%;max-width:300px;display:inline-block;vertical-align:middle;">
                    [Content goes here]
                </div>
                <!--[if (gtemso 9)|(IE)]>
                        </td>
                    </tr>
                </table>
            <![endif]-->
        </td>
    </tr>
</table>