#content > * {
    opacity: 0.2;
    transform: translateY(100px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    filter: blur(10px);
}

#content > *.animated {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0px);
}

#content > .hero-block {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    filter: blur(0px);
}