.carousel-inner:not(.captioned-carousel-inner) {
    white-space: nowrap;
    transition: none;
    overflow-x: hidden;
    display: flex;
}

.carousel-item:not(.captioned-carousel-item) {
    display: inline-block !important;
    flex: 0 0 500px;
    width: 500px !important;
    height: 300px;
    margin-right: 0 !important;
    transition: none;
}

.carousel-item:not(.captioned-carousel-item).active  {
    display: inline-block !important;
}

.carousel-item:not(.captioned-carousel-item) img {
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

#imageModal .modal-body {
    height: 90vh;
    cursor: pointer;
}

#modalImage {
    max-height: 90vh;
    object-fit: contain;
    cursor: default;
}