JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
<div id="head">
<h1><span>Типа крутой заголовок</span></h1>
</div>
<div class="image">
<img src="//i102.fastpic.ru/big/2018/0228/47/0e6b625ed2d8330f17b14b798d8b1947.jpg" title="Что-то как-то ниочень" alt="Что-то как-то ниочень">
</div>
</div>

CSS

.content {position: relative;}
#head {position: absolute;top:0; left: 0;}
#head h1 {display:table-caption;margin: 0;}
#head h1 span {background: #000;color: #fff;padding: 0 10px;
-o-box-decoration-break: clone;
box-decoration-break: clone;}