.bottom_to_top.show, .left_to_right.show, .right_to_left.show, .fade_in.show, .top_to_bottom.show  {
    opacity: 1;
    transform: none;
}

.bottom_to_top {
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s ease-out;
}

.left_to_right {
    opacity: 0;
    transform: translateX(-100px);
    transition: all 1s ease-out;
}

.right_to_left {
    opacity: 0;
    transform: translateX(100px);
    transition: all 1s ease-out;
}

.fade_in {
    opacity: 0;
    transition: all 1s ease-out;
}

.top_to_bottom {
    opacity: 0;
    transform: translateY(-100px);
    transition: all 1s ease-out;
}