.filter {
    background-color: rgba(0, 0, 0, 0);
    max-width: 700px;
}
.full-screen {
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11;
    position: fixed;
}
.no-scroll {
    position: fixed; 
    top: var(--st, 0);
    inline-size: 100%;
    overflow-y:scroll; 
}

.card-holder {
    display: flex;
    justify-content:center;
    align-content: baseline;
    flex-wrap: wrap;
    overflow-x:visible;
}
 
.card3d {
    margin: 4px;
    max-width: 90%;
    transform: scale(1);
    perspective: 600px;
    cursor: pointer;
}

.card3d:hover {
    z-index: 10;
    transform: scale(1.3);
}

.card3d, .card3d img {
    transition: all 250ms ease-out;
}