img[data-transition-type="scale-in"]{
    -webkit-transition: all 400ms cubic-bezier(0, 1.8, 1, 1.8);
            transition: all 400ms cubic-bezier(0, 1.8, 1, 1.8);
    -webkit-transform: scale(0.5) translateZ(0);
        -ms-transform: scale(0.5) translateZ(0);
            transform: scale(0.5) translateZ(0);
}
img[data-transition-type="scale-in"].inview{
    -webkit-transform: scale(1.0) translateZ(0);
        -ms-transform: scale(1.0) translateZ(0);
            transform: scale(1.0) translateZ(0);
}

img[data-transition-type="fade-in"]{
    -webkit-transition: all 1000ms ease;
            transition: all 1000ms ease;
    opacity:0;
}
img[data-transition-type="fade-in"].inview{
    opacity:1;
}

img[data-transition-type="slide-up"]{
    -webkit-transition: all 400ms cubic-bezier(0, 1.8, 1, 1.8);
            transition: all 400ms cubic-bezier(0, 1.8, 1, 1.8);
    -webkit-transform: translateY(20%);
        -ms-transform: translateY(20%);
            transform: translateY(20%);
}
img[data-transition-type="slide-up"].inview{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}