JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gds">mbmbnmbnm</div>

CSS

.gds {
    width: 200px;
    height: 140px;
     top: 50px;
}

.shadow {
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}

JavaScript

$(".gds").css({
     'backgroundColor': '#DBEAF9'
 }).hover(function () {
     var newWidth = (parseFloat($('.gds').width()) * 1.1);
      $(this).stop().animate({
               width: newWidth
     }, 350).addClass('shadow');
 }, function () {
     $(this).stop().animate({
         width: '200px'
     }, 350).removeClass('shadow');
 });