@keyframes slideExpandUp {

    0% {
    transform: translateY(100%) scaleX(0.3);
    }

    30% {
    transform: translateY(-8%) scaleX(0.3);
    }

    40% {
    transform: translateY(2%) scaleX(0.3);
    }

    50% {
    transform: translateY(0%) scaleX(1.1);
    }

    60% {
    transform: translateY(0%) scaleX(0.9);
    }

    70% {
    transform: translateY(0%) scaleX(1.05);
    }

    80% {
    transform: translateY(0%) scaleX(0.95);
    }

    90% {
    transform: translateY(0%) scaleX(1.02);
    }

    100% {
    transform: translateY(0%) scaleX(1);
    }

}

.slideExpandUp {
animation-duration: 1.6s;
animation-name: slideExpandUp;
animation-timing-function: ease-out;
}