.loading-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    height: 100vh;
    background: #222;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9999;

    @media (orientation: landscape) {
        background-image: url(/loading-screen/landscape/background.png);
    }

    @media (orientation: portrait) {
        background-image: url(/loading-screen/portrait/background.png);
    }

    .loading-main {
        height: 90vh;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;

        .loading-image-container {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;

            .loading-image {
                max-height: 25vh;
                width: clamp(25%, 60%, 90%);
                object-fit: contain;
            }
        }
    }
}