Eu gostaria de por uma imagem do lado direito da tela de login do site que estou criando. Abaixo com a imagem fica mais fácil de entender.
gostaria que uma imagem ficasse 'flutuando' ali com css, onde eu atualizaria essa imagem quando necessário.
Penso que deveria usar o z-index talvez, mas não sei como fazer isso sem alterar o layout da página. meu código:
<body>
<header class="container">
<section class="content">
<div class="container">
<div style="text-align: center;font-family: 'Roboto', sans-serif;font-weight: bold">
<img src="img/diskteka.png" width="200px" height="200px">
<p>Somos uma plataforma de música eletrônica.</br>
Faça parte desta comunidade, curta!</p>
</div>
<a href="#" class="button" style="font-family: 'Roboto', sans-serif; text-decoration: none;">ENTRAR</a>
<a href="#" class="button2" style="font-family: 'Roboto', sans-serif; text-decoration: none;">SOBRE</a>
</div>
</section>
</header>
<canvas class="background"></canvas>
</body>