.page-bg {
    height: 100vh;
    background-size: cover;
    background-position: center;
}

@media (orientation: portrait) {
    .page-bg[data-page="Login"] {
        background-image: var(--bg-portrait);
    }
}

@media (orientation: landscape) {
    .page-bg[data-page="Login"] {
        background-image: var(--bg-landscape);
    }
}

@media (orientation: portrait) {
    .page-bg[data-page="Merci"] {
        background-image: var(--bg-portrait);
    }
}

@media (orientation: landscape) {
    .page-bg[data-page="Merci"] {
        background-image: var(--bg-landscape);
    }
}

@media (orientation: portrait) {
    .page-bg[data-page="WaitingCode"] {
        background-image: var(--bg-portrait);
    }
}

@media (orientation: landscape) {
    .page-bg[data-page="WaitingCode"] {
        background-image: var(--bg-landscape);
    }
}