Фото первого блока не на «первом плане» при :hover. Что дописать в CSS?

Question

[Abduqodirov]

Есть блок с 2 товарами (.row>.col-lg-6*2).

При :hover(transform: scale(1.3); transition-duration: .4s; box-shadow: 0px 0px 12px 0px #D8D7D7; )
img первого не на "первом плане"

при :hover (второй скриншот) . Нужно чтобы было как на 3 скриншоте. Как исправить?

Answer 1

[Abduqodirov]

Надо было добавить
:hover{z-index:9999; position:relative;}

Answer 2

[display: block]

z-index

Comments

[Abduqodirov]

.itemwrap:hover{box-shadow: 0px 0px 12px 0px #D8D7D7; transform: scale(1.3); transition-duration: .4s; border-radius: 0; z-index: 1000;}
не помогает