.animated-label {
    display: inline-block;
    transform: translateY(10px);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

select:invalid + .animated-label {
    transform: translateY(10px);
    opacity: 0;
}

select:valid + .animated-label {
    transform: translateY(0);
    opacity: 1;
}