JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <div class="background">
        Example text
    </div>
</div>

CSS

.box {
    width:200px;
    height:20px;
    background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSZ5kgBbPQvcYpExrS_ZLCfc_XXr2q02JyOMsGDmbQvRFcO9d-1U9vN2wxi');
    padding: 10px;
}

.background {
    color: transparent;
    height: 100%;
    width: auto;
    background-color: red;
    text-align: center;
}