JSFiddle - React, Tailwind, and code Playground

by SM ADnan

HTML

<div class="picture">
    <div class="overlay"></div>    
</div>
<br>
<div class="picture"></div>

CSS

.overlay {
  position: relative;
  top: 20px;
  left: 30px;
  width: 200px;
  height: 200px;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,.6) inset, 0px 0px 0px 1000px rgba(0,0,0,.6)
}

.picture {
    background-image: url("http://car-pictures.cars.com/images/?IMG=CAC30CRC132A021001.png&WIDTH=624&HEIGHT=300&AUTOTRIM=1");
	height: 300px;
	width: 300px;
	border: solid 1px black;
    overflow: hidden;
}