.carousel {
    position: relative;
    overflow: hidden;
    height: 280px;
    min-height: 280px;
}

.carousel-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: none;
    border: var(--bs-primary) solid 1px;
    border-radius: 15px;
    opacity: 0;
    transition: opacity 0.5s;  /* Duration of the fade effect */
}