[data-animation="fade-in"] {
    opacity: 0;
    transition: opacity 300ms ease;
}

[data-animation="fade-left"] {
    opacity: 0;
    position: relative;
    transform: translateX(60px);
    transition: transform 900ms ease, opacity 600ms ease;
}

[data-animation="fade-right"] {
    opacity: 0;
    position: relative;
    transform: translateX(-60px);
    transition: transform 900ms ease, opacity 600ms ease;
}

.origin {
    opacity: 1 !important;
    transform: none;
}