.skills-carousel {
    perspective: 1000px;
}

.skills-carousel .carousel-inner {
    transform-style: preserve-3d;
    transition: transform 1s ease-in-out;
}

.skills-carousel .carousel-item {
    display: none;
}

.skills-carousel .carousel-item.active {
    display: flex;
    justify-content: center;
}

.skills-carousel .card {
    width: 10rem;
    margin: 2rem;
    transition: transform 0.3s, box-shadow 0.3s;
}

.skills-carousel .card:hover {
    transform: scale(1.08) translateZ(20px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
}

.skills-carousel .carousel-control-prev,
.skills-carousel .carousel-control-next {
    filter: invert(1);
}