JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
        <a class="opacity">
            <img src="http://imgur.com/EhiSptf.png" />
        </a>
    </div>

CSS

img {
    height: auto;
    max-width: 100%;
    -moz-backface-visibility: hidden;
}
.container{
    width:200px;
}

.opacity {
    opacity: 0.6;
}
.opacity:hover { 
    opacity:1;
}