JSFiddle - React, Tailwind, and code Playground

HTML

<span class="imag">123</span>
<div>
    <p>Заголовок заголовок</p>
    <img src="../1304109321_324_1280.jpg" alt="картинка" style="width:100%"></div>

CSS

div:last-of-type{
    width: 300px;
    height: auto;
    position: absolute;
    right: 40%;
    top:30%;
    padding-top:20px;
    background: gray;
    display: none;
}
div:last-of-type p{
  opacity: 0;
    background: white;
}

JavaScript

$('.imag').click(function(){
    $('div:last').slideDown(1000,function(){
        $('div:last p').animate(
        {
            opacity: 1;
        });
    });
    });