JSFiddle - React, Tailwind, and code Playground

by ryanjbonnell

HTML

<div class="box-shadow">
  <img src="http://i.stack.imgur.com/8LzBY.jpg" />
</div>

CSS

.box-shadow {
  background-color: #fff;
  position: relative;
  text-align: center;
  width: 75%;
}

.box-shadow::after {
  -webkit-box-shadow: inset 0 0 10px 10px #000;
  -moz-box-shadow: inset 0 0 10px 10px #000;
  box-shadow: inset 0 0 10px 10px #000;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.box-shadow img {
  max-width: 100%;
  width: auto;
}