z-index problém závisející na browseru u Bootstrap carrouselu

Ahoj, předem říkám, že jsem se na to snažil přijít sám, ale vždy jsem to spíše rozházel ještě více.
Můj problém: chci aby obsah v carrouselu byl úplně nejvýše, tedy ničím nepřekrytý. Co je zvláštní je, že ve Firefoxu všechno funguje, ale v chromiu a edge (a asi i ostatních prohlížečich ne)

link: jsfiddle.net/p0b77ksg (p.s. roztahnete si to; v mensich rozlisenich se to 'slozi' a muj problem neni videt)
link2: (viz p.s. nahore + mi tu chybi nejake styly, ty ale nemaji na problem vliv)
obrazek: vlevo edge v pravo FF HSOX1.png

p.s. omlouvam se za dost mozna spatnou kategorii, vahal jsem mezi programovani a internet, mohla by se pridat kategorie kodovani