@media (min-width: 992px) {

    /* --- Fade In --- */
    .js .imgfade-on .fadein {
        opacity: 0;
        transition: opacity 0.7s ease-in-out;
        -webkit-transition: opacity 0.7s ease-in-out;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
    }

    .js .imgfade-on .fadein.inview {
        opacity: 1;
    }

    /* --- Fade Up --- */
    .js .imgfade-on .wp-block-media-text__media,
    .js .imgfade-on .wp-block-image,
    .js .imgfade-on .wp-block-image,
    .js .imgfade-on .cailo-block-hero,
    .js .imgfade-on .header-with-image,
    .js .imgfade-on .section-about-text,
    .js .imgfade-on .fadeup {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
    }

    .js .imgfade-on .wp-block-media-text__media.inview,
    .js .imgfade-on .wp-block-image.inview,
    .js .imgfade-on .cailo-block-hero.inview,
    .js .imgfade-on .header-with-image.inview,
    .js .imgfade-on .section-about-text.inview,
    .js .imgfade-on .fadeup.inview {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: -webkit-transform 1s, opacity 1.5s;
        transition: transform 1s, opacity 1.5s;
    }

}