JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position:relative">
<p><img src="https://www.synergie.de/assets/images/2016-08_header_blog.png" width="100%" style="background-color:black;" /></p>
<p class="zentriert">hallo<br />welt</p>
</div>

CSS

* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 150%;
  font-family: sans-serif;
}

.zentriert {
  text-align: center;
  color: #FFF;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-56%);
  -ms-transform: translateY(-56%);
  transform: translateY(-56%);
}