.block-animation {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px); /* Start from 50px below */
    -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out; 
}

.block-animation.visible {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}