JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <h2>Lorem ipsum dolor sit </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt orci risus, eget varius arcu interdum vitae. Fusce efficitur, est non dignissim lobortis, ante mi congue nisi, nec vulputate felis massa sed nunc. Vestibulum non nulla rhoncus, fringilla nibh nec, congue dolor. Sed eu tristique sem. Sed et molestie eros. Fusce eget ex ut dolor imperdiet dignissim eu quis odio. Nunc diam tortor, interdum quis orci quis, auctor pretium sapien. Pellentesque pellentesque massa a volutpat molestie. Aenean imperdiet faucibus ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin placerat justo lectus, ac euismod ex tincidunt sed. Maecenas dapibus lorem dignissim, interdum dui in, ultricies nisi. Cras ipsum arcu, volutpat eget porta non, convallis mollis nulla. Phasellus dui tellus, pretium id laoreet a, luctus ut nisi.</p>
</div>

CSS

body {
    background: transparent url(http://www.planwallpaper.com/static/images/colorful-triangles-background_yB0qTG6.jpg) no-repeat;
    background-size: cover;
    
}
p {
    margin:0;
}
.block {
    width: 50.3%;
    height: 420px;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 40px auto;
    box-shadow: 0 0 15px 10px rgba(0,0,0,0.1);
    
    background-color: rgba(255,255,255,0.5);
}