JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div id="imageWrapper">
      <img src="https://picsum.photos/200/300?image=0" alt="" width="100%"> 
    </div>
    <div class="contentWrapper">
      <div class="title">
        sample
      </div>
            <div class="summary">
        sample
      </div>
    </div>
</div>

CSS

.wrapper {
  border: 1px solid;
  height: 600px;
  text-align: center;
justify-content:center;
}

.contentWrapper {
display: flex;
align-items: center;
flex-direction: column;
}