JSFiddle - React, Tailwind, and code Playground

by Ken Watanabe

HTML

<div class="page">
    <figure class="thumbnail">
        <img class="a" src="http://i62.tinypic.com/fxqe6g.jpg"/>
        <img class="b" src="http://i62.tinypic.com/2wgeutv.jpg"/>
        <img class="c" src="http://i61.tinypic.com/dptspl.jpg"/>
        <img class="d" src="http://i60.tinypic.com/2dv8mj6.jpg"/>
        <img class="e" src="http://i60.tinypic.com/208u109.jpg"/>
        <img class="f" src="http://i57.tinypic.com/2qdpvly.jpg"/>
        <img class="g" src="http://i58.tinypic.com/2u4ljmd.jpg"/>
    </figure>
</div>

CSS

.a { top:0; left:200px; }
.b { top:150px; right:0; }
.c { top:400px; left:0; }
.d { top:600px; left:400px; }
.e { top:900px; right:0; }
.f { top:800px; left:200px; }
.g { top:1300px; left:0; }

img { max-width:100%; position:absolute; }
figure.thumbnail { width:100%; height:100%; position:relative; }
html, body { margin:0; padding:0; width:100%; height:100%; }