cant get div to overlap using z index and overflow visable using ! important tag

Question

Im making 3 layers for a parallax effect. So Using z index and overflow visible, im trying to make it so the .content class divs(z-index:2;) are above the .sec class divs(z