.
threedcard {
transform: rotateX(51deg) rotateZ(-43deg);
transform-style: preserve-3d;
border-radius: 32px;
backface-visibility: hidden;
box-shadow:
0px 10px 20px 0 rgba(0, 0, 0, 0.15); /* Adjusted shadow for a direct perpendicular effect */
transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}
.threedcard:hover {
transform: translate3d(0px, -16px, 0px) rotateX(51deg) rotateZ(-43deg);
box-shadow:
-20px 30px 28px -10px rgba(34, 33, 81, 0.15); /* Adjusted shadow for hover state */
}