JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="product c-3">
    <div class="product-thumb">
        <!-- Other code is in here / Removed for brevity -->
        <div class="product-title">
           This is a title - This is the colour
        </div>
    </div>
</a>

JavaScript

$('.product-title').html(function(i, v) {
    return v.replace('-', '-<br />');
});