CODE – CSS card hover effect

.product-card {
position: relative;
}
.product-card .wp-block-group {
transform: translate(0px, 40px);
opacity: 1;
height:100PX;
transition: 0.6s;
}

.product-card:hover .wp-block-group{
opacity: 1;
transform: translate(0px, 0px);
height:25%;
border-radius: 10px;

}

@media screen and (max-width: 768px) {
.product-card .wp-block-group {
transform: none;
opacity: 1;
height: inherit;
transition: none;
}
.product-card:hover .wp-block-group{
opacity: 1;
transform: none;
height: inherit;
}
}