JSFiddle - React, Tailwind, and code Playground

HTML

<div class='widget-content'>
<style> 
.ar1web125x125 {margin-right: -7px; text-align:center;}
.ar1web125x125 img {width:125px; height:125px;margin: 
3px 8px 0 0;}
img.ar1web-125x125 {
border: 1px solid #eee;
padding: 5px;
background: #FCFBFB;
transition: all .7s ease-out 0s;
}
img.ar1web-125x125:hover,img#ihussamar1web:hover,img#ihussam-ar1web:hover,img#hussam-ar1web:hover{
opacity: 0.8;
zoom: 1;
transition: all 0.2s ease-out;
filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');}
img.ar1web-125x125:hover{background:#444;border: 1px solid #FFFFFF;}
img#ihussamar1web:hover{background:#444;border: 1px solid #FFFFFF;}
img#ihussam-ar1web:hover{background:#444;border: 1px solid #FFFFFF;}
img#hussam-ar1web:hover{background:#444;border: 1px solid #FFFFFF;}
</style>  
<div class="ar1web125x125" style="text-align:center;">
<a href="fb.com/messages/arabe1web" target="_blank" rel="Nofollow"><img class="ar1web-125x125" src="http://4.bp.blogspot.com/-sJY8NdC5ZoA/VPDDo2j5EBI/AAAAAAAAHRc/en8CzPwid_0/s1600/months.png" title="أعلن هنا" /></a>

<a href="fb.com/messages/arabe1web" target="_blank" rel="Nofollow"><img id="ihussamar1web" class="ar1web-125x125" src="http://4.bp.blogspot.com/-sJY8NdC5ZoA/VPDDo2j5EBI/AAAAAAAAHRc/en8CzPwid_0/s1600/months.png" title="أعلن هنا" /></a>

<a href="fb.com/messages/arabe1web" target="_blank" rel="Nofollow"><img id="ihussam-ar1web" class="ar1web-125x125" src="http://4.bp.blogspot.com/-sJY8NdC5ZoA/VPDDo2j5EBI/AAAAAAAAHRc/en8CzPwid_0/s1600/months.png" title="أعلن هنا" /></a>

<a href="fb.com/messages/arabe1web" target="_blank" rel="Nofollow"><img id="hussam-ar1web" class="ar1web-125x125" src="http://4.bp.blogspot.com/-sJY8NdC5ZoA/VPDDo2j5EBI/AAAAAAAAHRc/en8CzPwid_0/s1600/months.png" title="أعلن هنا " /></a>
</div>
</div>