JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap"> 
<a id="test" href="test.com">
        
        <div id="image">    
        </div>
</a>
</wrap>

CSS

body, html {
    height: 100%;
}
#test {
    height: 200px;
    width: 200px;
}
#image {
    background: #000 url("http://www.veterinarian.com/uploads/cms/20100622/4c212d6c1ca11.jpg");
    height: 100%;
    width: 100%;
    background-size: 100%;
}
#wrap {
    width: 100px;
    height: 75px;
}