JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <section class="about">
    <div class="content">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dui tellus, ornare nec nibh sed, pulvinar fermentum dolor. Vestibulum vel mi nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris ullamcorper, enim non tempus malesuada, leo dolor placerat nibh, vel lobortis urna felis vel quam. Mauris ultrices libero dapibus, adipiscing sapien in, euismod lacus. Maecenas vulputate orci ut porttitor iaculis. Cras accumsan lectus est, mollis auctor massa scelerisque tristique. Nullam iaculis condimentum nisl. Quisque justo orci, mollis in ultrices ut, pellentesque a lorem.</p>

      <div class="img"></div>

      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dui tellus, ornare nec nibh sed, pulvinar fermentum dolor. Vestibulum vel mi nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris ullamcorper, enim non tempus malesuada, leo dolor placerat nibh, vel lobortis urna felis vel quam. Mauris ultrices libero dapibus, adipiscing sapien in, euismod lacus. Maecenas vulputate orci ut porttitor iaculis. Cras accumsan lectus est, mollis auctor massa scelerisque tristique. Nullam iaculis condimentum nisl. Quisque justo orci, mollis in ultrices ut, pellentesque a lorem.</p> 
    </div>
  </section>
</div>

CSS

.container,
.container > section{
  position: fixed;
  height: 100%;
  width: 100%;
}
.container > section{
  overflow:auto;
}
.container > section > .content > p{
  padding: 5% 15% 5% 15%;
  font-family: Arial, sans-serif;
  font-size: 1.8em;
  line-height: 1.5;
}
.container > section > .content > .img{
  width:100%;
  padding-bottom:50%;
  background: url(http://www.hdcarwallpapers.com/walls/widescreen_lamborghini_lp710-wide.jpg) no-repeat center center;
  background-size:cover;
}