JSFiddle - React, Tailwind, and code Playground

HTML

<span>How to make a <br /> RESPONSIVE BACKGROUND IMAGE</span>

<p></p>

</p>

CSS

body {
    background-image: url(https://static.pexels.com/photos/512694/pexels-photo-512694.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #464646;
}


/* The lines below are just for good looks and NOT needed for a RESPONSIVE BACKGROUND!!! */
span { color: #4CFF00; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2em; margin: 0; padding; 0; position: absolute; top: 50%; left: 30vw;}