.animation {
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: ease-in;
}

/* Definição dos valores iniciais das propriedades */
.animation-fade-in {
    opacity: 0;
}

.animation-fade-in-left {
    opacity: 0;
    transform: translate(-200px);
}

.animation-fade-in-right {
    opacity: 0;
    transform: translate(200px);
}


/* Executa a animação */
.animation-fade-in.show,
.animation-fade-in-left.show, 
.animation-fade-in-right.show {
    transform: translate(0);
    opacity: 1;
}

/* .animation[data-animation-delay='short'] {
    transition-delay: 500ms;
}

.animation[data-animation-delay='md'] {
    transition-delay: 1000ms;
}

.animation[data-animation-delay='long'] {
    transition-delay: 1500ms;
} */