JSFiddle - React, Tailwind, and code Playground

HTML

<span class="img-shadow">
    <img src="http://placekitten.com/300/200">
</span>

CSS

.img-shadow {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 250px;
}
.img-shadow::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 10px 10px rgba(0,0,0,.5) inset;
    content: "";
}
.img-shadow>img {
    vertical-align: top;
    width: 100%;
}