.lazy-load-box {
    opacity: 1;
    transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.trigger.lazy-load-box {
    opacity: 0;
}
.trigger.effect-slideup {
    transform: translateY(100px);
}
.trigger.effect-slidedown {
    transform: translateY(-50px);
}
.trigger.effect-slidefromleft {
    transform: translateX(-150px);
}
.trigger.effect-slidefromright {
    transform: translateX(150px);
}
.trigger.effect-zoomin {
    transform: scale(0.5);
}
.trigger.effect-zoomout {
    transform: scale(1.5);
}
.trigger.effect-rotate {
    transform: rotate(45deg);
}
.trigger.effect-skew {
    transform: translateY(100px) skewX(-45deg) skewY(45deg);
}