JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="image">
<div class="box">
<p>Hello Stack Overflow<br>
God is great<br>

</p>
</div>
</div>
</body>

CSS

div.image
  {
  width:500px;
  height:250px;
  
  
  border:2px solid;
  border-color:#CD853F;
  }
div.box
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid;
  border-color:#CD853F;
  opacity:0.6;
  filter:alpha(opacity=60);
  }
div.box p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#CD853F;
  }