JSFiddle - React, Tailwind, and code Playground

HTML

<BODY>
		<h2> Hi blablablabla</h2>
	
<div id = "cadre1"> 
 <p> 
 blablablablablablab blablabla  blablablablablablab blablabla blablablablablablab blablabla
 </p><p> 
     blablablablablablab blablabla  blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla 
   </p><p> 
    blablablablablablab blablabla  blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla
  </p><p>   
    blablablablablablab blablabla  blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla
        blablablablablablab blablabla  blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla blablablablablablab blablabla
    </p>
    

</div>

	</BODY>

CSS

body {
   background-image: url("http://www.2travelandeat.com/images-pays/images-france/pliage.de.serviette.en.palme.A.jpg");
   background-repeat: no-repeat;
   background-position: top center; 
   background-color: rgba(0, 0, 18,1);
}

#cadre1{
	background-color: rgba(255,255,255,0.3);
    margin-right:60% ;

}