Bom demais Kaique? Pra resolver o problema do scroll ao adicionar uma margem de 10%, você pode usar uma abordagem que garanta que a margem não cause um overflow na largura da página. Uma maneira simples de fazer isso é usar uma margem em unidades relativas ao tamanho da tela, como vw (viewport width). Por exemplo:
body {
margin: 0;
padding: 0;
}
.container {
margin: 10vw;
}
E sobre imagens pessoais, você com certeza pode usar uma imagem pessoal no seu projeto. Se a imagem for muito grande, você pode redimensioná-la para se adequar ao tamanho desejado no seu projeto.
Espero ter contribuído um pouco com seu trabalho!!