I've been trying to use looper.js to loop through various words or images inside a div (examples)

Everything seems to work OK except when I use the crossfade animation option 

1. class="xfade".

The content appears only during animations, and is otherwise invisible.

NOTE: This is partially fixed by commenting out "position: relative" in ".looper .looper-inner":

1.     .looper .looper-inner {
2.       overflow: hidden;
3.       width: 100%;
4.       height: auto;
5.       /*position: relative;*/
6.       z-index: 2;
7.     }

BUT it is not an acceptable solution since it messes up my responsive layout on mobile.

I guess it must be a noob mistake on my part since I'm using default official examples...

DEMO: jsfiddle

Thank you for your help.