/**************************************************/
.container-default {
    width: 100vw;
    height: calc(var(--vh)); /*** represents the real inner height ***/
    position: absolute;
    pointer-events: none;
}

.container-background-default {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    /*** ensure the elements always display in-front ***/
    z-index: 9;
}

.background-default {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    object-fit: cover;
    background-color: black;
    /*** ensure the elements always display in-front ***/
    z-index: 9;
}

.logo-default {
    width: min(600px, 85%);
    height: min(500px, 55%);
    aspect-ratio: 600 / 500;
    /* transform: translateY(-15%); */
    object-fit: contain;
    content: url(../common/landing/logo-live22.png);
    /*** ensure the elements always display in-front ***/
    z-index: 9;
}