JSFiddle - React, Tailwind, and code Playground

by Brodingo

HTML

<img class="vingette" src="http://placekitten.com/100/100">
<br>
<img class="vingette" src="http://placekitten.com/300/300">

CSS

.vingette {
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.5);
    border: 5px solid #ccc;
}

JavaScript

$('.vingette').each(function(){
    var $this = $(this);
    //console.dir(this);
    
    $this.after('<div class="'+this.className+'" style="content:url('+this.src+')">').remove();
});