JSFiddle - React, Tailwind, and code Playground

HTML

<div>This is a div</div>
<p>This is not a div</p>

<div class="storyblocks">This is a .storyblocks div</div>

JavaScript

$(document).ready(function () {

    $("div").css("border", "3px solid red");
    $(".storyblocks").mouseenter(function () {
        $(this).animate({
            height: ($(this).height() + 20) + 'px',
            width: ($(this).width() + 20) + 'px'
        });
    });

    $(".storyblocks").mouseleave(function () {
        $(this).animate({
            height: ($(this).height() - 20) + 'px',
            width: ($(this).width() - 20) + 'px'
        });
    });
});