JSFiddle - React, Tailwind, and code Playground

by George Batt

HTML

<div class="slides">
    <img src="http://placehold.it/20x200">
    <img src="http://placehold.it/20x400">
    <img src="http://placehold.it/20x600">
</div>

CSS

.product-rescue{
    border: 1px solid #000;
}

JavaScript

var jq111 = jQuery.noConflict();


jq111('.slides img').one("load", function() {
    var $this = jq111(this);
    if($this.height() < 500){
        $this.addClass("product-rescue");
    }
});