.modal {

    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.modal-content {

    transform: translateY(-50px);
    transition: transform 0.3s ease-in-out;
}
.modal.active .modal-content {
    transform: translateY(0);
}