#tree_container {
    position: relative;
    width: 100vw;
    height: calc(var(--background-height) * 2px);
    background-image: url("/src/img/tree/tree_vect_desktop.svg");
    background-repeat: no-repeat;
    background-size: 200vw;
    background-position-x: -50vw;
    margin-top: calc(var(--leaf-offset) * 1px + var(--navbar-height) * 1px);
    z-index: 0;
}

@media (width < 800px) {
    #tree_container {
        background-image: url("/src/img/tree/tree_vect_mobile.svg");
        height: calc(var(--background-height) * 4px);
        background-position-x: -100vw;
        background-size: 400vw;
    }
}