JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://www.w3.org/html/logo/downloads/HTML5_sticker.png"/>
<div class="wrap">
    <div id="nota">some text</div>
</div>

CSS

img {
	position:relative;
	margin:0 auto;
	width:100%;
}

div.wrap{
	position:relative;
	margin:0 auto;
	width:100%;
	padding-top:50%;
	text-align: center;
	display: block;
	background: blue;
}

div#nota
{
    position:absolute;
    top:0;
}