.hidden-modal {
    display: none;
    transition: visibility 0s, opacity 0.5s ease-out;
}

.visible-modal {
    display: block;
    transition: opacity 0.5s ease-in;
}