/* FADE */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    filter: blur(10px);
    transition : all 600ms;
}
.fadeinr {
    opacity : 0;
    transform : translate(50px, 0);
    filter: blur(10px);
    transition : all 600ms;
}
.fadeinb {
    opacity : 0;
    transform : translate(0, -50px);
    filter: blur(10px);
    transition : all 600ms;
    }

.fadeinl {
    opacity : 0;
    transform : translate(-50px, 0);
    filter: blur(10px);
    transition : all 600ms;
    }

.fadeino {
    opacity : 0;
    filter: blur(10px);
    transition : all 600ms;
}

.blur{
    opacity: 0;
    filter: blur(10px);
    transition: 1.5s;
}
.blur.scrollin{
    opacity: 1;
    filter: blur(0);
}
.img-animation img{
    clip-path: inset(0 100% 0 0);
    transition: 1s;
}
.img-animation.scrollin img{
    clip-path: inset(0 0 0 0);
}

.ts1 {
    transition-delay: 300ms;
}

.ts2 {
    transition-delay: 600ms;
}

.ts3 {
    transition-delay: 900ms;
}

.ts4 {
    transition-delay: 1200ms;
}

.fadein.scrollin, .fadeinr.scrollin, .fadeinb.scrollin, .fadeinl.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    filter: blur(0);
}

.fadeino.scrollin {
   opacity : 1;
   filter: blur(0);
}