JSFiddle - React, Tailwind, and code Playground

HTML

<div class="my-container">
    <img src="http://hypnocolor.ru/simon/sample1.jpg">
    <img class='shadow' src="http://habrastorage.org/storage2/0ea/0bf/2b2/0ea0bf2b27caf1e08e62fbab5c7524da.png"/>
</div>

CSS

html, body {
    width: 100%;
    height: 100%;
}

.my-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.my-container img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
}

.my-container img.shadow {
    box-shadow: inset 0 0 5px 5px red;
}