.hero-carousel-image {
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover;

}

.hero-carousel-text {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 3;
    -webkit-transition: transform 1s ease-in-out, opacity .5s ease-in-out;
    -moz-transition: transform 1s ease-in-out, opacity .5s ease-in-out;
    -o-transition: transform 1s ease-in-out, opacity .5s ease-in-out;
    transition: transform 1s ease-in-out, opacity .5s ease-in-out;
    transform: translateX(-200px);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    overflow-x: visible;
}


._carousel-item.active .hero-carousel-text {
    transform: translateX(0px);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}

#heroOverlay{
    z-index: 2;
}