JSFiddle - React, Tailwind, and code Playground

by Lorena Brito

HTML

<ul id="og-grid" class="og-grid">
    <li><a href="http://www.cat.com/"><img src="http://www.wallcoo.net/animal/1600_homeless_cat_03/images/city_cat_img_4625-x.jpg" alt="img01"/></a></li>
</ul>

CSS

#og-grid li a:hover {
		background: rgb(243,181,11);  		

	}
    .og-grid img:hover {
       	opacity:.40;
		-webkit-opacity:.40;
		-moz-opacity:.40;
		-ms-filter:alpha(opacity=40);
		filter:alpha(opacity=40);
    }
    
    li {
        list-style:none;
    }