JSFiddle - React, Tailwind, and code Playground

HTML

<div class="equalizer">
  <div class="block1">
    <div class="inner"><p>
    Block 1
    </p></div>
  </div>
  <div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore, vel, quia. Non nostrum, consectetur ipsum doloribus enim maiores a laudantium, odio vel blanditiis id ea dolorum expedita fugit incidunt commodi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore, vel, quia. Non nostrum, consectetur ipsum doloribus enim maiores a laudantium, odio vel blanditiis id ea dolorum expedita fugit incidunt commodi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore, vel, quia. Non nostrum, consectetur ipsum doloribus enim maiores a laudantium, odio vel blanditiis id ea dolorum expedita fugit incidunt commodi.</div>
  <div class="block2"><div class="inner2"><p>
    Block 2
    </p></div></div>
</div>

SCSS

.equalizer{
  display: flex;
  flex-direction: row;
  align-content: center;
  background: pink;
  *{
    display: flex;
    
    flex:1;
    align-content: center;
   }
  .block2{background: yellow;}
}


 .block1,  .inner2 {
      align-self: center;
  }