/* Fade in slide up animation */

/* Initial state (hidden and slightly moved down) for direct children of elements with class 'block' */
.blocks > figure,
.thumbnail-wrapper,
.splide{
    opacity: 0;
    transition: opacity 500ms ease-out;
}

/* Visible state (opacity 1 and back to original position) for direct children of elements with class 'block' */
.blocks > figure.visible,
.thumbnail-wrapper.visible,
.splide.visible {
    opacity: 1;
}