JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
		<div class="position-container">
				<div class="thumb">
						<!--img title="intestazione" alt="jpg" src="http://www.google.com/logos/doodles/2015/googles-new-logo-5078286822539264.3-hp2x.gif"-->
            <img title="intestazione" alt="jpg" src="https://www.strategypage.com/gallery/images/going-vertical-f-22-f-15.jpg">
				</div>
				<div class="details">
							<p class="banner-title">text 1</p>
							<p class="banner-text">content content content content content content content content content content content content content content  </p>
							<button class="btn">button</button>
				</div>
		</div>
</div>

CSS

.content * {
  box-sizing: border-box;
}
.content .position-container {
	display: table;
}
.content .details {
	display: table-cell;
	vertical-align: middle;
	width: 33.333333%;
  
  padding: 30px;
	font-size: 17px;
	text-align: center;
}
.content .thumb {
	
}
.content .thumb img {
  width:100%;
}