Imagem se deslocando! [INICIANTE]

[jeffetank 0]

Olá galera.

Eu sou novo e estou em fase de estudos, estou aprendendo sobre css3.

Criei um site para por em prática as aulas e estudar mais os codigos.

Pois bem eu estou com o seguinte problema.

Tnho um titulo no corpo do site juntamente com uma imagem.

Quando dou zoom ou afasto o site a imagem se desloca, eu queria que ela acompanhasse o zoom ou diminuir zoom juntamente com o site.

No meu monitor fica certo ele tem 14 polegadas, mas quando vou olhar no monitor de 20 a imagem fica toda deslocada... segue o site.

http://jeffeteste.esy.es/

Estou usando o seguitne cod para imagem do Tux no css3;

.mascote{
position: absolute;
left: 450px;
top: 544px

}

Index:

<figure class="mascote">
<img src="_media/mascote.png">
</figure>

No mascote 2 que é o GNU:

.mascote2{
position: absolute;
left: 450px;
top: 935px;
}

Index:

<figure class="mascote2">
<img src="_media/mascotegnu.png">
</figure>

Me ajudem, eu pesquisei mas não achei nada relacionada a isso.

Outra coisa, como está ficando o site? ta ficando legal? Eu criava sites a muito tempo atrás, utilizava o FrontPage mas criava sempre em modo design haha.

[Hugo Borges_120734 6]

Não entendi muito bem seu problema, você esta se referindo ao logo? posta uma foto do problema.

[jeffetank 0]

quando eu dou zoom no site algumas imagens ficam paradas, e outras vao se mexendo, conforme vou dando zoom

[pwd 7]

Sua resposta amigo: https://tableless.com.br/introducao-ao-responsive-web-design/