.blured-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    filter: blur(7px);
    height: 120%;
    overflow: hidden;
    width: 120%;
}

.cas__splashscreen {
    background-color: var(--cas-splashscreen--color,  #23285a);
    overflow: hidden;
    position: relative;
}

.cas__message {
    background-color: rgba(255, 255, 255, 85%);
    bottom: 5rem;
    font-size: var(--font-size-xs2);
    margin: 0;
    max-width: 80%;
    padding: var(--step);
    position: absolute;
    right: 0;
    width: 25rem;
}

.cas__logo {
    background-color: rgba(255, 255, 255, 85%);
    bottom: 0;
    display: inline-block;
    left: 0;
    margin: 0;
    padding: .75rem;
    position: absolute;
}

@media screen and (0 <= width <= 48rem) {
    .cas__message {
        bottom: 3.5rem;
    }

    .cas__logo {
        width: 8rem;
    }
}

.cas__main-picture {
    aspect-ratio: 3/2;
    height: auto;
    object-fit: cover;
    width: 100%;
}

@media screen and (48rem <= width) {
    .cas__main-picture {
        height: 100%;
        inset: 0;
        object-fit: cover;
        position: absolute;
    }

    /* colonne de droite */
    .cas__login {
        height: 100vh;
        overflow-y: auto;
    }
}