JSFiddle - React, Tailwind, and code Playground

HTML

<div id="banner">
<div id="telo">
<img src="http://lorempixel.com/200/100/"/>
</div>
<div id="okno">
</div>
</div>

CSS

#banner{
   width:200px;
   height:auto;
   }
#telo {
   width:200px;
   height:130px;
    
   }
#okno {
   width:186px;
   height:50px;
   background:url('http://lorempixel.com/186/50/') red;
   -webkit-transition: height 2s;
    transition: height 2s;
   margin:auto;
   background-repeat:no-repeat;
   }
#okno:hover{
   height:180px;
   background:url('http://lorempixel.com/186/180/') red;
   }