JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.jsdelivr.net/isotope/1.5.25/jquery.isotope.min.js"></script>
<ul>
    <li></li>
</ul>

CSS

ul li {
    position: relative;
    width: 200px;
    height: 300px;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
    border-radius: 0% 1% 1% 1% / 1% 1% 1% 1%;
    list-style: none;
}

ul li:before {
    position: absolute;
    width: 80%;
    height: 5%;
    left: 10%;
    border-radius: 50%;
    z-index: -1;
    bottom: 3%;
    content: "";
    box-shadow: 0 9px 11px rgba(0,0,0,0.32);
}

JavaScript

jQuery("ul").isotope({
    itemSelector: "li",
    transformsEnabled: false,
    containerStyle: {
        position: 'relative'
    }
});

$("ul li").css("width", "300px")