JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="product-item">
    <div>
    <img class="product-image" src="http://files.ub.ua/goods/goods-photos/71/477093_710_orm.jpg" alt="">
    </div>    
        <h2>Трансфоffffffffрматоаааар</h2>
        <p class="count">Наименований: 78</p>
    </a>

CSS

.product-item{
    display: inline-block;
    text-align: center;
    border: 1px solid #ebebeb;
}
div {
    width: 200px;
    display: inline-block;
}
.product-image{
    width: 100%;
}
.product-item>h2{
    font-size: 30px;
}

a:hover h2 {
    color: green;
}