.element-animation {
    opacity: 0;
    transform: translateY(40%);
}
.element-animation.element-show {
    opacity: 1;
    /*transition: opacity 1s;*/
    transition: all 1s;
    transform: translateY(0%);
}
.element-fade {
    opacity: 0;
}
.element-fade.element-show {
    opacity: 1;
    transition: all 2s;
}
.element-left {
    opacity: 0;
    transform: translateX(-40%);
}
.element-left.element-show {
    opacity: 1;
    transition: all 1s;
    transform: translatex(0%);

}.element-right {
    opacity: 0;
    transform: translateX(40%);
}
.element-right.element-show {
    opacity: 1;
    transition: all 1.5s;
    transform: translatex(0%);

}