JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://imapo.ru/js/jquery.zlayer.min.js"></script>
<div id="container">
    <img class="background" src="http://imapo.ru/img/00.jpg" width="2560" height="52" style="top: 0px;">
    <img class="forest" src="http://imapo.ru/img/01.png" width="2560" height="52" style="top: 0px; left: 3px;">
    <div align="center" class="title" style="width: 2560px; height: 52px; top: 0px; left: 12px;">Здесь любой ваш текст</div>
    <img class="flowers" src="http://imapo.ru/img/02.png" width="2560" height="52" style="top: 0px; left: 18px;">
    <img class="blur_flowers" src="http://imapo.ru/img/03.png" width="2560" height="52" style="top: 0px; left: 66px;">
</div>

CSS

#container {
    width:100%;
    margin:auto;
    position: relative;
    height:520px;
    overflow:hidden
}

.background {
    z-index:1;
}

.forest {
    z-index:2;
}

.title {
    z-index:3;
}

.flowers {
    z-index:4;
}

.blur_flowers {
    z-index:5;
}

.background, .forest, .flowers, .blur_flowers, .title {
    position:absolute;
}

JavaScript

$(document).ready(function () {
    $('.background').zlayer({
        mass: 0,
        confine: 'y',
        canvas: 'body'
    });
    $('.forest').zlayer({
        mass: 525,
        confine: 'y',
        canvas: 'body'
    });
    $('.title').zlayer({
        mass: 4,
        confine: 'y',
        canvas: 'body'
    });
    $('.flowers').zlayer({
        mass: 1,
        confine: 'y',
        canvas: 'body'
    });
    $('.blur_flowers').zlayer({
        mass: 58,
        confine: 'y',
        canvas: 'body'
    });
});