.categorie-item {
    perspective: 1000px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-style: preserve-3d;
    border-radius: 1.5rem;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.categorie-item:hover {
    transform: rotateY(15deg) rotateX(10deg);
    box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.3);
}

.ci-text {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.categorie-item:hover .ci-text {
    transform: translateZ(20px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
}