JSFiddle - React, Tailwind, and code Playground

HTML

<div id="full-image" class="horoscope">
			<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 {
    background: url('http://thumbs.dreamstime.com/z/panneau-de-cible-4672774.jpg') 50% 50% no-repeat;
    background-size: cover;
}

p {
    color: red;
}