z-index

При наведении мышкой на товар должна отбрасываться тень, но она скрывается за фоном контейнера
Если убрать из стилей фон контейнера, то все работает как надо.

Подскажите как это легче исправить?

 

Попробуйте так:

.product-grid > div {
z-index: 10;
.......

#container {
z-index: 5;
.......

 

тень должна находиться за карточкой с товаром, а так получается что она в ней

 

Доброе утро.
Как вариант, может вам все же стоит убрать background из блока container ?

 

случайно нашел решение)
#container{ position: relative;z-index: 1;...