.carousel-container {
    max-height: 12em;  /* Adjust the max-width to a smaller size */
    max-width: 25em;
    background-color: #ffffff;
    margin: auto;      /* Center the carousel */
}

.carousel-container img {
    width: 100%;
    height: auto;
    max-height: 12em;
    object-fit: contain; /* Prevents cropping while keeping aspect ratio */
}

.carousel-control-next-icon {
    background-color: #616161; /* Change the background color to black */
    background-image: none; /* Remove the default icon */
}

.carousel-control-next-icon::after {
  
    color: white; /* Set the arrow color to white for contrast */
    font-size: 2em; /* Adjust the size of the arrow */
}

.carousel-control-prev-icon {
    background-color: #616161; /* Change the background color to black */
    background-image: none; /* Remove the default icon */
}

.carousel-control-prev-icon::after {
    
    color: white; /* Set the arrow color to white for contrast */
    font-size: 2em; /* Adjust the size of the arrow */
}