.image-rotator {
    position: relative;
    width: 100%;
}

.image-rotator a {
    position: absolute;
    display: none;
    top: 0px;
    left: -100%;
    z-index: 10;
}

    .image-rotator a.current {
        position: relative;
        left: 0px;
        display: block;
    }

    .image-rotator a.next {
        z-index: 20;
        display: block;
    }

.image-rotator a,
.image-rotator a img {
    width: 100%;
}


/* FJZ - adjustments to move arrows outside of image */

.carousel-control-next,
.carousel-control-prev {
    filter: invert(1);
}
.carousel-control-prev {
    margin-left: -1.6em;
}

.carousel-control-next {
    margin-right: -1.6em;
}