JSFiddle - React, Tailwind, and code Playground

JavaScript

var imgs = ["img1","img2","img3"];
var html = "";

for (var i = 0; i < imgs.length; i++)
{
    html+= "<img src='" + imgs[i] + "' data-count='0' title='Image " + i + "' />";
}

$('body').append(html).find("img").on("click", function() {
    $(this).data("count", (Number($(this).data("count")) + 1));
    console.log($(this).data());    
    reOrderImages();
});

function reOrderImages()
{
    var imgs = $('body').find("img");
    
    for (var i = 0; i < imgs.length; i++)
    {
        var img1 = $(imgs[i]);
        var img2 = (imgs.length > (i + 1) ? $(imgs[(i + 1)]) : false);
        
        if (img2 && Number(img1.data("count")) < Number(img2.data("count")))
        {
            img1.before(img2);
        }
    }
};