:root {
    /* 
    *   This is the default slider image height. 
    *   You can override this in styles. 
    */
    --slider-image-height: min(95vh, 60vw);
}

.slide-image {
    height: var(--slider-image-height);
    overflow: hidden;
}

#home-slider .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.slide-text-container {
    position: absolute;
}
.slide-text-container :empty {
    display: none;
}