.main-area {
    width: 100%;
    height: 100%;
}

.main-area img {
    max-height: 100%;
}
.wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.item-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
}

.card-wrapper,
.stage-wrapper,
.img-wrapper {
    position: absolute;
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

.apply-shake {
    animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

@keyframes wave {
    10% {
        transform: scale(1.1);
    }

    20% {
        transform: scale(1.2);
    }

    80% {
        transform: scale(0.8);
    }

    90% {
        transform: scale(0.9);
    }
}

.apply-wave {
    animation: wave 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}