/* Styles for the image carousel */
#image-carousel .carousel-item {
    height: 350px; /* User specified height */
    background-color: #f0f0f0; /* Optional: background for letterbox/pillarbox areas */
}

#image-carousel .carousel-item img {
    width: 100%; /* Make image responsive within the container width */
    height: 100%; /* Make image fill the container height */
    object-fit: contain; /* Scale image to fit while maintaining aspect ratio */
    display: block; /* Remove extra space below image */
    margin-left: auto; /* Center image horizontally if not full width */
    margin-right: auto; /* Center image horizontally if not full width */
}