.isAnimated.fromRight {
    opacity: 0;
    transform: translateX(25px);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

.isAnimated.fromLeft {
    opacity: 0;
    transform: translateX(-25px);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

.isAnimated.fromBottom {
    opacity: 0;
    transform: translateY(25px);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

.isAnimated.fromTop {
    opacity: 0;
    transform: translateY(-25px);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}

.isAnimated.show {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}