.login-content {
    position: relative;
    overflow: hidden;
    min-height: 100vh; /* S'assurer qu'il y a assez de hauteur */
}

.login-back {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
    filter: blur(8px); /* <<< Flou de 8 pixels, ajuste la valeur si besoin */
}

/* Le reste du contenu au-dessus de l'image */
.login-content > .container,
.login-content > .row,
.login-content > .card,
.login-content > div {
    position: relative;
    z-index: 1;
}

.max-100{
  max-height: 500px;
  overflow-y: scroll;
}