JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://d.tile.stamen.com/watercolor/5/25/13.jpg" />

<div id="parent">
    <div id="child"></div>
</div>

test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />

CSS

img {
    -webkit-transform: translate3d(-37px, 29px, 0px);
}

#parent {
    position : relative;
    border   : 1px solid #000;
    overflow : hidden;
    height   : 100px;
}

#child{
    background:url('http://d.tile.stamen.com/watercolor/7/99/57.jpg') 0px 0px no-repeat fixed;
    width  : 100%;
    height : 100px;
    position : absolute;
    top : 0px;
    left: 0px;
}