JSFiddle - React, Tailwind, and code Playground

by Brett Gaynor

HTML

<main>
  <img src="https://i.imgur.com/SwZDvlS.png">
  <div class="content">
    <h2>Title</h2>
    <P>BLABLA</P>
    <P>BLABLA</P>
  </div>
</main>

CSS

body { background: black; }

main { 
background: rgba(255,255,255,0.85); 
padding: 25px 25px 0; 
border-radius: 10px; 
box-shadow: 0px 5px 0px rgba(255,255,255,0.45); 
}
main h2 {  }
main img {
  position: relative;
  bottom: -5px;
  width: 25%;
  margin-right: 25px;
  display: inline-block;
  vertical-align: top;
  z-index: 2;
}
main .content {
  display: inline-block;
  vertical-align: top;
}
    
@media only screen and (max-width: 400px) {
    main img {display: none;}
}