JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Показать блок</a>
<div id="lodka_1" class="iorder">
   
   <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>

   <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>
      <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>
         <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>
            <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>

CSS

#lodka_1{
        opacity: 0;
        display:block;
        background: red;
-webkit-transition-property:opacity;
-webkit-transition-duration:5s;
-webkit-transition-delay:1s;
-moz-transition-property:all;
-moz-transition-duration:5s;
-moz-transition-delay:1s;       
position:absolute;
top:-300px;
}

a:hover~#lodka_1{
        opacity: 1;
        display: block;
position:absolute;
top:40px;
-webkit-transition-property: opacity;
-webkit-transition-duration:5s;
-webkit-transition-delay:0s;
-moz-transition-property:all;
-moz-transition-duration:5s;
-moz-transition-delay:0s;
}