JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col left">
                <p class="last"><span class="back" >We believe that good design is more than ink or pixels on a surface; it is understanding how a message is received and experienced. By identifying the essence of that experience, we can create efficient and interesting communication that is uniquely conceived for each project. We embrace the constantly evolving possibilities of digital design, and</span></p>
            </div>

how should I keep the letters black ?

CSS

p.last {
    color: #000000;
    font-family: helvetica,arial,sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 17px;
    margin-bottom: 17px;
}

.back { padding:5px;background-color:rgba(137, 52, 9, 0.3); }