JSFiddle - React, Tailwind, and code Playground

HTML

<div class="body-box">
     <h1>Some Text</h1>
 <a href="Some Image"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Wiktionary_small.svg/350px-Wiktionary_small.svg.png" 
            alt="Something Vague" width="auto" height="auto" align="center"/></a>

     <h2>Some Text</h2>

    <p>Some Paragraph</p>
</div>

CSS

body {
    background-image:url("Some Image");
    background-size:cover;
    background-repeat:none;
}
.body-box {
    display:block;
    margin-left:33%;
    margin-right:33%;
    padding-left:3%;
    padding-right:3%;
    border-left:4px solid black;
    border-right:4px solid black;
    word-wrap:break-word;
    text-align:justify;
    font-family:'Lato:300', serif;
    color:black;
    background-color:white;
}

img
{
    width:100%;
    height:100%
    transform: rotate(90deg);
}