JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.appelsiini.net/projects/lazyload/jquery.lazyload.js?v=1.9.1"></script>
<div id="container">
    <div>
    <img data-original="//placekitten.com/200/401">
    <img data-original="//placekitten.com/200/402">
    <img data-original="//placekitten.com/200/403">
    <img data-original="//placekitten.com/200/404">
    <img data-original="//placekitten.com/200/405">
    <img data-original="//placekitten.com/200/406">
    <img data-original="//placekitten.com/200/407">
    <img data-original="//placekitten.com/200/408">
    <img data-original="//placekitten.com/200/409">
    <img data-original="//placekitten.com/200/410">
    <img data-original="//placekitten.com/200/411">
    <img data-original="//placekitten.com/200/412">
        <div>
</div>

CSS

#container {
    height: 400px;
    width: 400px;
    overflow-x: scroll;
    overflow-y: hidden;
}
#container div {
    height: 400px;
    width: 2400px;
}
img {
    display: block;
    width: 200px;
    float: left;
    height: 400px;
}

JavaScript

$("img").lazyload({
     container: $("#container")
});