JSFiddle - React, Tailwind, and code Playground

HTML

<div class="toolTile col-md-3">
    <a href="#/cards">
        <img src="ppt/assets/toolIcons/requestnewcard.svg" >
        <p>Manage my debit card</p>
    </a>
</div>        
<div class="toolTile col-md-3">
    <a href="#/recurClaim">
        <img src="ppt/assets/toolIcons/recurring.svg" >
        <p>Recurring Claims</p>
    </a>
</div>

CSS

.toolTile {
    height: 200px;
    float: left;
}

.toolTile img {
    color: #ab2328;
    height: 100px;
    width: 93px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.toolTile img:hover {
    border: yellow 1px solid;
}