JSFiddle - React, Tailwind, and code Playground

HTML

<div class="theimg"></div>
<div class="overlay"></div>

CSS

.overlay {
  position: absolute;
  left: 50px;
  top: 50px;
  width: 200px;
  height: 200px;
  border-radius: 20px;
  
  box-shadow: 0px 0px 0px 1000px rgba(255, 255, 255, 0.5);
}

.overlay:after {
  content: '';
  position: absolute;
  left: -25px;
  top: -25px;
  right: -25px;
  bottom: -25px;
  border: solid 1px gray;
  border-radius: 25px;

  box-shadow: 0px 0px 0px 1000px rgba(255, 255, 255, 0.6);
}
.theimg {
    content: url("http://placekitten.com/300/300");
	position: absolute;
	top: 0px;	
	left: 0px;
	height: 300px;
	width: 300px;
	-webkit-animation: composite 5s infinite alternate;
	border: solid 1px black;
}