JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href="/">
        <span>some text</span>
        <img src="http://cdn.pet360.com/pet360/Content/Images/CMS/Slideshows/cms_resized_large/cats-that-stay-small1.lg.jpg">
    </a>
</div>

CSS

div{
    overflow: hidden;
}
a{
    transition: all .3s ease-in-out;
	backface-visibility: hidden;
	transform: translateZ(0);
    display:inline-block;
}

a:hover{
    transform: scale(1.05);
}