/* 
   Bootstrap Carousel Styles 
*/
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    width: 100%;
    margin: auto;
    max-height: 500px;
    /* Limit height to prevent taking up too much screen */
    object-fit: cover;
    /* Ensure images cover the area well */
}

/* Ensure controls are visible */
.carousel-control.left,
.carousel-control.right {
    background-image: none;
    /* Remove default gradient if preferred */
}