.widget-picture-slider {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
    .widget-picture-slider .carousel-control-next:focus, .widget-picture-slider .carousel-control-prev:focus {
        border: 3px solid black;
    }

/* carousel overrides */
.widget-picture-slider .carousel-control-prev-icon,
.widget-picture-slider .carousel-control-next-icon {
    background-color: black;
    border-radius: .25rem;
    height: 40px;
    width: 30px;
}

    .widget-picture-slider .btn:focus {
        box-shadow: 0 0 0 .2rem var(--coc-color-blue);
    }
    /* bootstrap size breakpoints */
    /* xs */
    @media only screen and (max-width: 575px) {
    }
    /* sm */
    @media only screen and (min-width: 576px) and (max-width: 767px) {
    }
    /* md */
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    }
    /* lg */
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    }
    /* xl */
    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    }
    /* styles at max widths */
    /* xs */
    @media only screen and (max-width: 575px) {
    }
    /* sm */
    @media only screen and (max-width: 767px) {
        .widget-picture-slider {
            display: none;
        }
    }
    /* md */
    @media only screen and (max-width: 991px) {
    }
    /* lg */
    @media only screen and (max-width: 1199px) {
    }
    /* xl */
    @media only screen and (max-width: 1399px) {
    }