JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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