JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div id="myGallery" class="spacegallery">
        <img class="big" src='http://davidrhysthomas.co.uk/img/dexter.png' alt=""/>
        <img class="big" src='http://davidrhysthomas.co.uk/img/mandark.png' alt=""/>
</div>

CSS

#myGallery {
    width: 100%;
    height: 300px;
}
span.wrap {
    display: inline-block;
    position: relative;
}
span.wrap .glass {
    position: absolute;
    top: 0;
    left: 0;
}

JavaScript

var glass = $('<img />', {
    src: 'http://davidrhysthomas.co.uk/img/glass.png',
    class: 'glass'
}).clone();

$('.big')
    .wrap('<span></span>')
    .addClass('wrap')
    .parent()
    .addClass('wrap')
    .append(glass);