JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://isotope.metafizzy.co/isotope.pkgd.min.js"></script>
<script src="http://imagesloaded.desandro.com/imagesloaded.pkgd.js"></script>
<div class="container">
    <div class="item old"> <img src="http://www.adaptivepatterns.net/PROJECT_DECKJS/JSEvolution_Deck/images/js-big.jpg"> </div>
    <div class="item old"> <img src="http://www.adaptivepatterns.net/PROJECT_DECKJS/JSEvolution_Deck/images/js-big.jpg"> </div>    
    
</div>

CSS

.container{
    
    background-color: grey;
    width: 500px;
}

.item{
    border: 1px solid black;
    width: 100px;
    height: 100px;
    margin: 1px;
    background-color: white;
    position: relative;
}

.item img{
    width: 100%;
}

JavaScript

$(document).ready(function(){
   
    var $container = $(".container");
    
    $container.isotope({
        itemSelector: '.item'});
    
    $cards = $('<div class="item new "><img src="http://www.adaptivepatterns.net/PROJECT_DECKJS/JSEvolution_Deck/images/js-big.jpg"></div><div class="item new"></div>');
    
    $cards.imagesLoaded(function(){
       alert(); 
    });
    
});