JSFiddle - React, Tailwind, and code Playground

HTML

<div id="full-image" class="horoscope">
			<img src="http://thumbs.dreamstime.com/z/panneau-de-cible-4672774.jpg">            
			<div class="margin">
				<h1>TITLE</h1>
				<p>BLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla bla</p><br>
				<p>BLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla blaBLA BLA bla bla</p>
			</div>
		</div>

CSS

#full-image img {
    position:absolute;
    width:100%;
    z-index:-1;
}

p {
    color: red;
}