.intergen-carousel {
   height:var(--carousel-height);
    .carousel-inner,.carousel-item, .carousel-item img, .carousel-item video {
        height:var(--carousel-height);
    }
    .carousel-item {

        .slide-content {
            display:grid;
            grid-template-columns:1fr;
            place-content:center;
            img, video {
                grid-area:1 / 1 / 2 / 2;
            }
            .carousel-caption {
                grid-area:1 / 1 / 2 / 2;
                color: var(--carousel-caption-color);
                text-align: center;
                position: relative;
                bottom: unset;
                left: unset;
                right: unset;
                align-self: var(--text-vertical);
                justify-self: var(--text-horizontal);
                padding:var(--content-padding);
                margin:var(--content-margin);
                background-color:var(--content-bg-color);
                width:var(--content-width);
                height:var(--content-height);
                line-height:1.3;
                .carousel-caption-inner {
                    .theTitle, .theSubtitle, .theCaption {
                        margin-bottom:var(--line-spacing);
                    }
                }

                .theHeader {
                    h1,h2,h3,h4,h5,p,div {
                        font-size:var(--title-size);
                        margin-bottom:0;
                    }

                }
                .theSubtitle {
                    font-size: var(--subtitle-size);
                }
                .theCaption {
                    font-size:var(--caption-size);
                }
            }
        }
    }
    .carousel-inner {
        img, video {
            object-fit:cover;
        }
    }
    .carousel-indicators [data-bs-target] {
    width: 20px;
    height: 20px;
        border-radius:50%;
        overflow:hidden;
        margin-left: 5px;
        margin-right: 5px;

}
    .carousel-control-prev, .carousel-control-next {
        z-index: 1;
        color: #fff;
        text-align: center;
        width: 5%;
        opacity: .5;
        background: 0 0;
        border: 0;
        justify-content: center;
        align-items: center;
        padding: 0;
        transition: opacity .15s;
        opacity:0;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    &:hover {
        .carousel-control-prev, .carousel-control-next {
            opacity:1;
        }
    }
}

/*
@keyframes slideshowFadeGrow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slideshowFadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}*/