JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"><img src="images/lodka_1.png" width="292" height="107" /></a>
<div id="lodka_1" class="iorder">
   <img src="images/lodka_3.png" width="240" height="87" />
   <p>HYUNDAI SONATA</p>
   <p>Lorem ipsum dolor sit amet, ei eum saepe congue dissentiunt, pri cu probo mazim percipit, sint decore no vis. Ad pri adolescens deterruisset</p></div>

CSS

#lodka_1{
visibility:hidden;
-webkit-transition-property:visibility;
-webkit-transition-duration:2s;
-webkit-transition-delay:1s;
-moz-transition-property:visibility;
-moz-transition-duration:2s;
-moz-transition-delay:1s;
 -o-transition-property:visibility;
-o-transition-duration:2s;
-o-transition-delay:1s;     
}

a:hover~#lodka_1{
display:block;
visibility:visible;
-webkit-transition-property:visibility;
-webkit-transition-duration:2s;
-webkit-transition-delay:0s;
-moz-transition-property:visibility;
-moz-transition-duration:2s;
-moz-transition-delay:0s;
  -o-transition-property:visibility;
-o-transition-duration:0s;
-o-transition-delay:0s;       
}