JSFiddle - React, Tailwind, and code Playground

by dom1n1k

HTML

<div class="sh">
  <img src="http://lorempixum.com/400/200/transport/2">
</div>

<img class="sh2" src="http://lorempixum.com/400/200/transport/2">

<div class="sh2">
fgdfgdfgdfg            
</div>

CSS

body {
    background: silver;
}
.sh{
  height: 200px;
  width: 400px;
  box-shadow: inset 5px 5px 10px 10px rgba(255,255,255,1);
}
.sh img {
    position: relative;
    z-index: -1;
}

.sh2 {
    position : relative;
}
.sh2:after {
  display: block;
  content: '123';
  position: absolute;
  height: 100%;
  width: 100%;
    top: 0;
    left: 0;
  background: skyblue;
  box-shadow: inset 2px 2px 8px rgba(255,0,0,1);
    border: solid 1px red;
    z-index: 10;
}