JSFiddle - React, Tailwind, and code Playground

by Chen-I Chang

HTML

<div class="overlay_image">
   <div>
       <h1 class ="slogan">In div</h1>
   </div>
</div>
 <h1 class ="slogan">Out of div</h1>

CSS

.overlay_image {
    
    width: 800px;
    height: 160px;
    background: #0066CC;
    opacity: 0.35;
}

.slogan{
     opacity: 1;
}