JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<div class="gallery">
    <img src="http://3.bp.blogspot.com/-5A5xpicPF5g/T8srguvp3TI/AAAAAAAAEPs/bLuFIK0gDss/s400/nature-wallpaper-23.jpg" alt=""/>
</div>

CSS

.gallery {
    display: inline-block;
    position: relative;
}

.gallery:before {
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    
    content: '';
    
    background: url(http://www.sudoku.4thewww.com/Grids/grid.jpg) no-repeat;
    opacity: 0.5;
}

    .gallery > img {
        display: block;
        position: relative;
        z-index: 1;
    }