gostaria de saber porque a imagem esta posicionada mais direita, ao invés de colada do lado esquerdo se no código nao tem nada provando que a imagem deve está a direita? | HTML e CSS: Classes, posicionamento e Flexbox

Pelo print que você mandou dá para ver que a imagem realmente não está encostada totalmente na lateral esquerda, mas isso não é “um bug” e sim consequência do CSS que envolve a imagem.

Algumas causas comuns para isso acontecer:

Margem ou padding do body/container
- Normalmente o navegador coloca um margin: 8px; no <body>. Isso já empurra tudo (inclusive a imagem) um pouco para dentro.
- Se você não resetar com algo como:
```
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
```
  sempre haverá esse espacinho.
A imagem pode estar dentro de uma div com padding ou margin
- Do print parece que a imagem está envolvida por uma borda arredondada azul clara. Esse container provavelmente tem padding ou está centralizado com margin: auto;.
Uso de display: flex ou text-align: center no pai
- Se o elemento pai da imagem estiver com display: flex; justify-content: center; ou se a imagem for inline-block e o pai tiver text-align: center;, ela será centralizada automaticamente.

Para confirmar, basta inspecionar o código no navegador (F12 > aba Elements e Computed Styles). Lá você verá se o body, a div ou a própria img têm margens/paddings que estão deslocando.

Se você quiser que a imagem fique grudada à esquerda, pode forçar isso assim:

body {
  margin: 0; /* tira o espaçamento padrão do navegador */
}

img {
  display: block; /* evita espaços de inline */
  margin-left: 0;
}