.carousel-wrapper {
    margin: 20px auto;
    position: relative;
    /*    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;*/
    width: 700px;
    width: 668px;
}

    .carousel-wrapper .photo-credits {
        position: absolute;
        right: 15px;
        bottom: 0;
        font-size: 13px;
        color: #fff;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
        opacity: .66;
    }

        .carousel-wrapper .photo-credits a {
            color: #fff;
        }
/** <a href="https://www.jqueryscript.net/slideshow/jQuery-HTML-Content-Carousel-Plugin-jcarousel.html">Carousel</a> **/
/** <a href="https://sorgalla.com/jcarousel/docs/plugins/autoscroll/reference/configuration.html">Carousel</a> **/
/** <a href="https://sorgalla.com/jcarousel/docs/">Carousel</a> **/

.carousel {
    position: relative;
    overflow: hidden;
    width: 600px;
    width: 670px;
    height: 400px;
    height: 240px;
}

    .carousel ul {
        width: 20000em;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .carousel li {
        float: left;
    }
/** Carousel Controls **/

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 94px;
}

.carousel-control-prev {
    left: -50px;
}

.carousel-control-next {
    right: -50px;
}

    .carousel-control-prev:hover span, .carousel-control-next:hover span {
        display: block;
    }