/* assets/carousel.css */

.dash-bootstrap .carousel-control-prev,
.dash-bootstrap .carousel-control-next {
    width: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.carousel-control-prev {
    left: -50px;  /* adjust this value as needed */
}

.carousel-control-next {
    right: -50px;  /* adjust this value as needed */
}