.carousel {
     z-index: -99; 
 }

.carousel .item {
    position: fixed; 
    width: 100%; height: 100%;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.carousel .one {
    background-size: cover;
    -moz-background-size: cover;
    background-position: center;
}

.carousel .two {
    background-size: cover;
    -moz-background-size: cover;
    background-position: center;
}

.carousel .three {
    background-size: cover;
    -moz-background-size: cover;
    background-position: center;
}

.carousel .active.left {
    left: 0;
    opacity: 0;
    z-index: 2;
}