.login-pf body {
    background: linear-gradient(to top, #433583dd, #5494e000), url('../img/tris-d.svg') bottom left no-repeat, linear-gradient(to top, #433583, #5494e0);
    background-size: 1024px;
}

div.kc-logo-text {
    /* Clear the parent keycloak theme's background-image (keycloak-logo-text.png)
     * before applying our own mask, otherwise both render and the Keycloak
     * logo bleeds through inside the GNOME mask shape. */
    background-image: none;
    background-color: white;
    mask-image: url('../img/logo.svg');
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    height: 96px;
    width: 240px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
}