Как сделать чтобы при наведении на карточку информация была поверх следующей карточки?

Question

[Александр Вернигоров]

Нужно чтобы следующая карточка была под предыдущей и последняя открывалась влево

codepen

Answer 1

[kryamk]

дык z-index же
а про второе хз, чет на js, сам нуб

Comments

[Александр Вернигоров]

если z-index на hover ставить то не плавно будет

[kryamk]

https://codepen.io/i-smirnov/pen/rNLPWQO?editors=1000

Answer 2

[Владислав Черненко]

Лучше в корне подход изменить, и с адаптивом проблемы будут, и с тачем, и даже на десктопе вы перекрываете соседний элемент...

Answer 3

[Sagrana]

.cards-col-cont:hover{
    width: 500px;
    transition: 0.3s;
    z-index: 1;
}

тогда дочерний блок открывается поверх соседей