JSFiddle - React, Tailwind, and code Playground

HTML

<div class="items">
  <div class="item">
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, officiis sed possimus debitis vel inventore recusandae necessitatibus facere in voluptatum aliquid distinctio odit aut nisi accusantium, voluptates minima unde. Quae odit explicabo impedit, beatae unde architecto voluptas consequatur fugit ex quisquam maiores amet, sequi doloribus! At consequuntur ex eos asperiores.</p>
  </div>
    <img src="https://e-oboi.com/wp-content/uploads/2017/10/stock-photo-picturesque-morning-view-of-plitvice-national-park-colorful-spring-scene-of-green-forest-with-pure-717874486.jpg.pagespeed.ce.X2rWFjZqSb.jpg" alt="">
</div>

CSS

.items{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.item{
  width:100%;
  font-size:2vw;
}
img{
  max-width:50%;
}