JSFiddle - React, Tailwind, and code Playground

HTML

<div  class="red">
    Tea coffee and snacks
</div>

CSS

div.red {
    position:absolute;
    background-color:darkgray;
    padding:5px;
    cursor:pointer;
}

JavaScript

$('div.red').hover(function() {
    $(this).animate({
    width: '+=50',
    height: '+=50'
    }, 200)
},
function() {
    $(this).animate({
        width: '-=50',
        height: '-=50'
    }, 200)
});