JSFiddle - React, Tailwind, and code Playground

HTML

<div id="imgcontainer">
    <div id="img2">
        <img src="http://www.gabrielamagana.com/ndxz-studio/site/sample/blue_drink_01.jpg" style="max-width:95%;">
        <div id="img3">
            <img src="http://www.gabrielamagana.com/ndxz-studio/site/sample/blue_drink_01.jpg" style="max-width:95%;">
            <div id="img4">
                <img src="http://www.gabrielamagana.com/ndxz-studio/site/sample/blue_drink_01.jpg" style="max-width:95%;">
                <div id="description" style="width:25%">
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

#imgcontainer {
    margin-top: 96px;
    margin-left: 314px;
    position: absolute;
    z-index:1;
}
#img2 {
    margin-top: 0px;
    margin-left: 0px;
    position: static;
    z-index:1;
}
#img3 {
    margin-top: 10px;
    margin-left: 0px;
    position: static;
    z-index:1;
}
#img4 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    position: static;
    z-index:1;
}
#description {
    padding-right:50px float: right;
    position: fixed;
    top: 100px;
    Left: 900px;
}

JavaScript

$("#img2").responsiveImg({
    breakpoints: {
        "_four": 400,
            "_two": 200,
            "_eight": 600
    }
});