JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
</div>

<h1>TĂ­tulo</h1>

<p>Dolorum illo adipisci repellat et sunt. Velit ipsam quia fugiat. Ducimus iure cum quia. Et aut voluptatem sed quod id est quibusdam dolorum voluptatem.</p>

<p>Eaque ab quos ut excepturi explicabo et. Dicta blanditiis officiis ex. Non eos voluptas debitis dolores dolores voluptatum facere. Fuga veritatis ut repellat cum ratione. Eos blanditiis dolores voluptatibus distinctio ea molestiae fuga.</p>
 
 <p>Fuga eius eligendi. Est eum fugiat laborum totam ratione alias vel maiores. Ut velit dolores non reiciendis labore velit sunt. Eos deserunt quasi vel explicabo est enim ut magnam. Quas minima laudantium eum vitae ab pariatur dolor iure aut. Sunt deserunt occaecati et laudantium deserunt consequatur ea alias ut.</p>

CSS

.container{
    background-image: url('http://placehold.it/360x360');
    background-size: cover;
    height: 100vh;
}

@media (min-width: 520px) {
    .container{
        background-image: url('http://placehold.it/520x520');
    }
}

@media (min-width: 750px) {
    .container{
        background-image: url('http://placehold.it/750x750');
    }
}

@media (min-width: 1024px) {
    .container{
        background-image: url('http://placehold.it/1024x1024');
    }
}