JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    
    <head></head>
    <body>
        
        <div class='hasopacity'>
            This is the text with some opacity
            <div class='noopacity'>
                This is the text with no opacity 
            </div>
        </div>
</body>
    
    
</html>

CSS

.hasopacity{opacity:0.5}
.noopacity{opacity:1}