JSFiddle - React, Tailwind, and code Playground

by Wally Glenn

HTML

<div style="background-color:#ff0000; width:600px;">
  <!--[if gte mso 9]><!-- -->
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" src="http://www.gwally.com/news/photos/catintinfoilhat.jpg" color="#ff0000"/>
  </v:background>
  <v:oval style="width:100pt;height:50pt" fillcolor="red">Red
  </v:oval>
  <![endif]-->
  <table height="450" width="600" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td valign="top" align="left" background="http://www.gwally.com/news/photos/catintinfoilhat.jpg">
      <h1 style="text-align: center; color: #ffffff;-webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black; font-family: Arial, san-serif;">
      Background Image with text on top
      </h1>
        </td>
    </tr>
  </table>
</div>