JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper"></div>

CSS

#wrapper {
    margin: 0 auto;
    /*JDS*/
    width: 100%;
    height: 500px;
    background: url(http://i.imgur.com/YjCbfJ2.png) center top repeat-x;
    position: relative;
    z-index: 10;
    overflow: auto;
}

/* CSS Keyframe Animations for Cloud background */

@-webkit-keyframes DriftingClouds {
    0%        { background-position: 0 0; }
    100%    { background-position: -1456px 0; }
}

@-moz-keyframes DriftingClouds {
    0%        { background-position: 0 0; }
    100%    { background-position: -1456px 0; }
}

@-ms-keyframes DriftingClouds {
    0%        { background-position: 0 0; }
    100%    { background-position: -1456px 0; }
}

@-o-keyframes DriftingClouds {
    0%        { background-position: 0 0; }
    100%    { background-position: -1456px 0; }
}

@keyframes DriftingClouds {
    0%        { background-position: 0 0; }
    100%    { background-position: -1456px 0; }
}

#wrapper {
    -webkit-animation: DriftingClouds 250s linear infinite;
    -moz-animation: DriftingClouds 250s linear infinite;
    -ms-animation: DriftingClouds 250s linear infinite;
    -o-animation: DriftingClouds 250s linear infinite;
    animation: DriftingClouds 250s linear infinite;
}