JSFiddle - React, Tailwind, and code Playground

HTML

<li class="product-category product first">
	<a href="#">
		<img src="http://placehold.it/370x370" alt="Drinks" width="370" height="370" />
		<h2 class="woocommerce-loop-category__title">Drinks</h2>
	</a>
</li>

CSS

li {list-style-type:none;padding:0;margin:0}