JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="brightness">
        <img  src="http://blogs.rpn.ch/jjr9pp2/files/2010/03/test.jpg" />
    </div>
</div>

CSS

#container {
    background: green;
    height: 200px;
}
.brightness {
    background-color: white;
    display: inline-block;
   
}
.brightness img:hover {
    opacity: .5;
}
img{
    width: 100px;

}