JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ruiner">
    <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcS3iOAjwsagLINNYyZVCnXh13XKlld2ljcVK69QDMkAIyHebEPszA">           
</div>

CSS

.ruiner {
   display:flex;
   
}

.ruiner:hover {
    overflow:visible
}

img:hover{
    transform:scale(1.04,1.04 );
}