JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="content">
  <h1>Hello world!</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque accusamus perspiciatis rerum libero repudiandae a excepturi, architecto tempora quos deserunt necessitatibus quas reiciendis sint aperiam nihil. Quaerat in nesciunt eligendi quas corrupti dolore, explicabo at, quia, libero nemo quod repellendus?</p>
</div>
  <div class="img">
    <img...

CSS

.container{
  max-width:600px;
  padding:0px 25px;
  margin:0 auto;
}
.content{
  text-align:center;
  padding:20px 0px 100px 0px;
}
.img img{
      width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}