JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<div class="one"><img src="http://alpatriott.ru/works/primer/images/romashki.jpg"></div>
<div class="two"><img src="http://alpatriott.ru/works/primer/images/romashki.jpg"></div>

CSS

div{
width: 200px;
margin: 50px;
background: #000;    
}

img{
display: block;
width: 100%;
}

.one img{
opacity: 0.7;
}

.two img{
opacity: 0.3;
}