JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    
</head>
<body>

<div id="container">

    <div class="backgoundImage">
    <ul id="elems">
        
    </ul>
    </div>

</div>

</body>
</html>

JavaScript

(function(){
var backgroundImage = []; 
backgroundImage[0] = "images/colors-wallpaper.jpg";
backgroundImage[1] = "images/florida-birds.jpg";
backgroundImage[2] = "images/focus-on-life.jpg";
backgroundImage[3] = "images/set-into-life.jpg";
backgroundImage[4] = "images/dandelion.jpg";
backgroundImage[5] = "images/flowers.jpg";
backgroundImage[5] = "images/flowers.jpg";
    
    var lines = "";
    $.each(backgroundImage, function(i, item){
        lines += "<li><img src='" + item + "' width=\"160\" height=\"120\"/><span>" + item + "</span></li>";
    });
    $("#elems").html(lines);
})()