JSFiddle - React, Tailwind, and code Playground

HTML

<p>
  <font size='2'>
    <img src="something.jpg" width="500" height="500" />
    this is the text content. this is the text content. this is the text content...
  </font>
</p>

JavaScript

$(document).ready(function () {
    $("p > font").contents()
  .filter(function() {
    return this.nodeType == 3;
  }).wrap('<span style="color:#FF0000" />');

});