.ms_spy_fadeIn { opacity: 0; transition: opacity 2s ease-in-out; }
.ms_spy_fadeIn.visible { opacity: 1; }

.ms_spy_rightIn { opacity: 0; transform: translateX(20vw); transition: opacity 1s ease-in-out, transform 1s ease-in-out; }
.ms_spy_rightIn.visible { opacity: 1; transform: translateX(0); }

.ms_spy_leftIn { opacity: 0; transform: translateX(-20vw);	transition: opacity 1s ease-in-out, transform 1s ease-in-out; }
.ms_spy_leftIn.visible { opacity: 1; transform: translateX(0); }

.ms_spy_topIn { opacity: 0; transform: translateY(-20vh); transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out; }
.ms_spy_topIn.visible { opacity: 1; transform: translateY(0); }

.ms_spy_bottomIn { opacity: 0; transform: translateY(20vh); transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out; }
.ms_spy_bottomIn.visible { opacity: 1; transform: translateY(0); }