JSFiddle - React, Tailwind, and code Playground
HTML
<div class="parent0">
<div class="child1">
<img class="image" src="http://keo.kz/img/headBlack.png">
<img class="image" src="http://keo.kz/img/headBlack.png">
</div>
<div class="child2">
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada lacinia lacus, ut porta ipsum
luctus sit amet. Pellentesque dapibus massa in eros ullamcorper, vel hendrerit lectus porttitor. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus tristique,
magna vitae venenatis cursus, urna elit viverra dolor, a malesuada libero lacus eu ex. Nullam a
velit risus. Vestibulum cursus arcu quis tellus iaculis, a faucibus ipsum aliquam.
Pellentesque id magna mauris. Nunc commodo metus eu justo feugiat, in bibendum dui porta. Nullam tempor,
felis quis sollicitudin commodo, odio mauris suscipit metus, pulvinar malesuada diam dui vel leo. Nam porta
, elit id venenatis placerat. Donec fringilla lectus quam, nec suscipit nibh
feugiat semper. Nunc ut tincidunt purus.
</div>
</div>
</div>
CSS
.parent0 {
display: flex;
width: 100%;
}
.child1 {
width: 30%;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
}
.child2 {
width: 70%;
justify-content: center;
align-items: center;
display: flex;
}
.image {
width: 50%;
display: block;
}