JSFiddle - React, Tailwind, and code Playground

by b2550

HTML

<div class="spacer"></div>
<div class="bg">
    <p>Sample Text</p>
    <p>Scroll me around!</p>
</div>
<div class="spacer"></div>

CSS

.bg {
    width:100px;
    height:100px;
    margin:0 0 0 500px;
    background:url('https://i.imgur.com/YOmDuDV.jpg') fixed no-repeat;
    # You can combine the background paramaters as seen here
    # This is a URL and fixed
    background-size: 100px;
    # This appears to do nothing... odd...
}
.spacer {
    height:300px;
    width:1200px;
}