JSFiddle - React, Tailwind, and code Playground

by cherryflavourpez

HTML

<section>

<div id="container-1"><img src="http://flickholdr.com/200/200/sun/" /></div>
<div id="container-2"><img src="http://flickholdr.com/200/200/sun/" /></div>
<div id="container-3"><img src="http://flickholdr.com/200/200/sun/" /></div>
    
</section>

CSS

img { display:block; }
div{ display:inline-block; margin:30px; position:relative; -webkit-transform:rotate(5deg); }

#container-2 img { border:3px solid #000; }
#container-3::after { content:"\00a0"; position:absolute; z-index:1; top:-1px; left:-1px; right:-1px; bottom:-1px; border:2px solid #000; }

section { background:#000; }