JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
  <img src="http://picsum.photos/1200/900" alt="">
</div>
<div class="box">
  <img src="http://picsum.photos/1200/900" alt="">
</div>
<div class="box">
  <img src="http://picsum.photos/1200/900" alt="">
</div>

CSS

div.box {
  width: 50%;
  position: relative;
  margin: 50px;
}
div.box img {
  max-width: 100%;
  height: auto;
  position:relative;
  z-index: 2;
}
div.box:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  border: 10px solid darkblue;
  top: 3%;
  left: 3%;
}