Как сделать чтобы hover товара ложился поверх карточек что ниже?

Question

[Константин]

На сайте при наведении товара появляется hover эффект и смещает карточки снизу, как сделать чтобы при наведении hover ложился поверх карточек товара и нижнее не скакали?

Answer 1

[Салават Салахутдинов]

Comments

[Константин]

попытался воссоздать в браузере

.product-card {
    width: 230px;
    margin-right: 5px;
    z-index: 10;
    position: relative;
    overflow: hidden;
}

.product-card:hover {
    padding: 20px 20px 20px;
    -webkit-box-shadow: -1px 5px 10px 2px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: -1px 5px 10px 2px rgba(34, 60, 80, 0.2);
    box-shadow: -1px 5px 10px 2px rgba(34, 60, 80, 0.2);
    z-index: 20;
    overflow: visible;
    display: block;
    position: relative;
}

но не пойму почему не срабатывает