imagem de fundo na pagina de login

boa noite a todos, gostaria de colocar uma imagem de fundo na tela inicial de login, em vez de apenas mudar as cores pelo próprio traccar.
adicionei o código em traccar/web/styles.css
mas a imagem é mostrada apenas por 1 ou 2 segundos e some. alguém poderia me ajudar ?? obrigado.
segue o código que usei, a imagem está na pasta web também.

html {
    background: url(planodefundo.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media screen and (max-width:480px){
    body {
        font-size:80%;  
    } 
}

if you want a permanent background image you must modify the code here:
https://github.com/traccar/traccar-web/blob/master/src/login/LoginLayout.jsx

Then compile (https://www.traccar.org/build/) and upload the modification to your server.

Boa noite amigo, vc já colocou imagem em seu servidor também? Sabe se esse código está correto ? Pois não foi eu quem fez, não entendo muito na verdade

With this code you have published no, as I indicated you can modify the file using react js, but you must have some knowledge on the subject, or you can request support from Traccar (https://www.traccar.org/product/professional-services/).

Greetings.

o suporte da traccar custa 50, mas pra mim que sou brasil custa 273 dinheiros, você não poderia me passar um código que funcione ? ou instruções claras de como fazer ?

but I already explained in my first message what you should do.
The issue is whether you have the knowledge to do it or not, because it is not just a copy and paste of the necessary code, it involves more steps.

a minha pergunta é: se eu colocar esse código no lugar que vc informou e compilar, vai funcionar, ou este código não serve ?

try adding the following code, the url must be modified as needed

backgroundImage: `url(https://youserver.com/images/gps/fondo-gps.jpg)`,
backgroundSize: 'cover',
height: '100vh',

after this line
https://github.com/traccar/traccar-web/blob/9463e50333e17595c8c5d39c62075eacce835d3e/src/login/LoginLayout.jsx#L17

mudou, porém mudou apenas o fundo onde tem a logo, a parte do login continua o mesmo

my mistake, I happen to have the login on the right side in my code.

it looks like this

não entendi direito a sua resposta, meu tradutor não é muito bom...
devo mudar a linha ?

Espero que isso seja compreendido agora.

Se você observar a imagem, há mais espaço no lado esquerdo do que no lado direito.

O código que compartilhei com você permite que você coloque uma imagem no lado esquerdo da tela.

Eu não o testei:
1 - Colocar uma imagem completa em todo o plano de fundo da tela.
2 - Também não tentei colocar uma imagem no lado esquerdo da tela.

entendi, e como eu troco pra ficar igual o seu ?

tente alterar essa linha para 65%.
https://github.com/traccar/traccar-web/blob/9463e50333e17595c8c5d39c62075eacce835d3e/src/common/theme/dimensions.js#L2