.hero-container {
    height: 50vh;
    overflow: hidden;
}

/* lock Bootstrap carousel structure */
.hero-container .carousel,
.hero-container .carousel-inner,
.hero-container .carousel-item {
    height: 100%;
}

/* FIXED IMAGE BEHAVIOR */
.hero-container .carousel-item img {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;
    object-position: center;
}

.carousel-item {
    /* transition: opacity 1.75s ease-in-out; */
    /* transform: none !important; */
}