JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <img src="http://i2.rozetka.ua/goods/8578/copy_lenovo_ideapad_yoga_13_59-355934_5195fb69f38a2_8578668.jpg" alt="" />
    <h2>Lorem ipsum dolor sit amet</h2>
    <div class="hide">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae cum autem modi dicta a unde illum deserunt. Consectetur ullam quisquam voluptatum ad iusto soluta possimus nulla obcaecati rem officiis pariatur.
    </div>
</div>

CSS

.wrapper {
    width: 300px;
    padding: 10px;
    box-sizing: border-box;
    margin: auto;
    border: 2px solid transparent;
}

.hide {
    display: none;
}

.wrapper:hover {
    border: 2px solid #4679BD;
    box-shadow: 3px 3px 20px #bbb;
    border-radius: 10px;
}

.wrapper:hover .hide {
    display: block;
}