JSFiddle - React, Tailwind, and code Playground

HTML

<a class="img-container" href="http://google.com"><img class="Absolute-Center" src="https://www.google.com/url?sa=i&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwjC1ovp8MbcAhUEvxoKHR4EACoQjRx6BAgBEAU&url=https%3A%2F%2Fdummyimage.com%2F&psig=AOvVaw3AkVHC3T7-gWp0qoI5ubEG&ust=1533042051329361"><span>Test</span></a>

CSS

.img-container {
    width: 120px;
    height: 120px;
    display: inline-block;
    background-color:#000;
    text-align:center;
    position:relative;
}
.img-container img {
    width: 100%;
}
.Absolute-Center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.img-container span {
    position:absolute;
    bottom: -20px;
    left:0;right:0;
}