JSFiddle - React, Tailwind, and code Playground

HTML

<br><a href="URL"><div class="home_cat" style="background-image:url('IMAGEURL');">
<p class="home_cat_link">Category Name</p></div></a>
<a href="URL"><div class="home_cat" style="background-image:url('IMAGEURL');">
<p class="home_cat_link">Category Name</p></div></a>

CSS

.home_cat {
    background:#14A1C4;
    height:180px;
    width:29%;
    display:inline-block;
    margin:5px;
    padding:5px;
}
.home_cat_link {
    font-size:3em;
    font-family:'Permanent Marker', cursive;
    color:#000;
    text-align:center;
    padding:0;
    margin:0;
}