[ruslan_mart]

.product, .product > div {
   height: 200px;
   width: 200px;
}

.product > div {
   opacity: 0;
   transition: opacity 0.5s;
}

.product:hover > div {
   cursor: pointer;
   opacity: 1;
}

<div class="product" style="background-image:url('изображение сумки')">
   <div>Контент</div>
</div>

Упс, пока я тут писал, вы уже написали кучу вариантов.