JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<img src="http://i.imgur.com/eURSo.jpg" class="bg" alt="">

CSS

img.bg {
        /* Set rules to fill background */
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 150px;
        left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}