JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-md-3 image-container">
    <img class="image" src="image.png" height="200px;" width="200px" />
</div>
<div class="col-md-9 dynamic-text-container">
    <p>Some text....</p>
</div>

CSS

.image-container {
    height: 600px;
    text-align: center;
}
.image {
    position: relative;
    top: 50%;
    margin-top: -100px; /* half of image height */
}