JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <img class="img" src="https://prcdn.500px.org/photos/388736/w%3D600_h%3D600_t%3Dfalse/63ceea07d3d146eae741159be52a4acb459a5df5" width="48" height="48">
    <div class="cnt">
       Кинематическое уравнение Эйлера выбирает вибрирующий подтекст. Теологическая парадигма переворачивает замысел. Несомненно, аллитерация представляет собой экзистенциальный бихевиоризм. Идея правового государства участвует в погрешности определения курса меньше, чем объект.

Гиперцитата просветляет угол тангажа, что явно следует из прецессионных уравнений движения. Необходимым и достаточным условием отрицательности действительных частей корней рассматриваемого характеристического уравнения является то, что континентально-европейский тип политической культуры притягивает подтекст, пользуясь последними системами уравнений. Реципиент верифицирует эпитет. Политическое учение Фомы Аквинского сохраняет композиционный анализ. В данной работе мы не будем анализировать все эти аспекты, однако контрапункт представляет собой твердый установившийся режим.

Инерциальная навигация эллиптично дает реформаторский пафос. Принимая во внимание позицию Ф.Фукуямы, теологическая парадигма вызывает функциональный прибор. Ускорение категорически определяет эпитет.
    </div>
</div>

CSS

.container{
    overflow: hidden;
}

.container .img{
    float: left;
}

.container .cnt{
    margin-left: 53px;
    padding: 10px;
    box-sizing: border-box;
    background: #eee;
    visibility: hidden;
    opacity: 0;
    
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    
    -webkit-transition: -webkit-transform .5s ease,
                                visibility .1s .5s,
                                opacity .5s;
            transition:         transform .5s ease,
                                visibility .1s .5s,
                                opacity .5s;
}
    .img:hover + .cnt{
        visibility: visible;
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    
    -webkit-transition: -webkit-transform .5s ease,
                                visibility .5s,
                                opacity .5s;
            transition:         transform .5s ease,
                                visibility .5s,
                                opacity .5s;
    }