/* Header carousel paralax */

#header-carousel {
    height: calc(100vw * 800 / 1920);
    transform-style: preserve-3d;
    z-index: -1;
}

#header-carousel .carousel-inner {
    /* Parallaxing */
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: calc(-0.5 * (1.4 - 1.0) * (100vh - 100% - 2 * var(--navbar-height-offset)));
    z-index: -1;
    transform: translateZ(-4px) scale(1.4);
}

#header-carousel .carousel-item {
    /* Parallaxing */
    width: 100%;
    height: 100%;
}

#header-carousel .carousel-item img {
    /* Fix for some visual glitch while scrolling */
    background-color: #000000;

    /* Parallaxing */
    width: 100%;
    height: 100%;
}

@supports (-ms-ime-align:auto) {
    /* Edge browser */
    #header-carousel .carousel-inner {
        top: 0;
        transform: initial;
    }
}