JSFiddle - React, Tailwind, and code Playground

HTML

<p class="layerfont">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet hendrerit ornare. Ut nunc ante, accumsan sit amet viverra ac, fringilla sed massa.
</p>
    
<p class="layerfont">
Another paragraph.
</p>

CSS

div.layerwrap {
    position: relative;    
}

p.layerfont {
    color: red;
    font-family: tahoma;
}

p.toplayer {
    color: blue;
    font-family: tahoma;
    position: absolute;
    top: 0;
    left: 0;
}

JavaScript

$('p.layerfont').each(function(index) {
    $(this).wrap('<div class="layerwrap" />');
    var ptext = $(this).text();
    $(this).css('position: absolute;');
    $(this).after('<p class="toplayer">'+ptext+'</p>');
});