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

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

Как сделать чтобы прелоадер прятался не раньше 5 секунд?

лучше чистый использовать js
js
window.onload = function () {
window.setTimeout(function () {
document.body.classList.add('loaded_hiding');
setTimeout(function () {
document.body.classList.add('loaded');
},500)
}, 4500);
}
css
.loaded .loaderArea {
display: none;
}

.loaded_hiding .loaderArea {
-webkit-transition: 0.3s opacity;
-o-transition: 0.3s opacity;
transition: 0.3s opacity;
opacity: 0;
}