#alert-message {
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
}

#alert-message {
    opacity: 0;
    transform: translateY(-20px);
}

#alert-message[style*="opacity: 1"] {
    opacity: 1;
    transform: translateY(0);
}

#alert-message[style*="opacity: 0"] {
    opacity: 0;
    transform: translateY(-20px);
}