JSFiddle - React, Tailwind, and code Playground

HTML

<div >
    <img class="img1" src="https://pp.vk.me/c616930/v616930839/17690/1EcIwnGYknQ.jpg" >
    
       <img class="img2" src="https://pp.vk.me/c618725/v618725839/1335c/eCtxIMa8V5U.jpg">
     
        
</div>

CSS

div{
    width: 300px;
    height:200px;
    position: relative;
}

.img1 {
    width:100%;
    height: 100%;
    display:block;
    position:absolute;
    z-index: 4;
    opacity: 0.1;
}

.img2 {
    width:100%;
    height: 100%;
    display:block;
    position:absolute;
    z-index: 1;
}