JSFiddle - React, Tailwind, and code Playground

by Michael Seifert

HTML

<div class="msimage" style="width:59px;">
    <a href=""><img  src="http://www.waldorfteacherresources.com/docs/grade-7/jpg/g7-geography-africa-afar-woman-thumb.jpg" 
        style="height:90px;	
            width:59px; 
            padding-top:0px;
            border='10px';" 
        alt="g7 geography africa afar woman"></img></a>
</div>

CSS

.msimage, .msimagewrapper{
    clear:both; 
	margin:0px; 
	display:inline-block; 
	background:transparent;
	text-align:center;
	overflow:hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin:0px;
}
	
.msimage{
	border:#FFF;
	border-style:solid;
	border-width:1px;
	background:#999;
}

.msimage img{
	padding:0px; 
	border:0px; 
	margin:0px;
	-webkit-transition:opacity .2s linear; 
	-moz-transition:opacity .2s linear; 
	-o-transition:opacity .2s linear; 
	transition:opacity .2s linear; 		
}
	
.msimage a:hover img{
	opacity:.75; 
}