Eai Ricardo, eu olhei seu código, e pe
rcebi que estava usando "margin-left, margin-top" para tentar centralizar a imagem. Desta forma é mais difícil e não é a melhor forma. Você pode centralizar usando "Position", ou com Flexbox, usando "Alling-items" e "Justify-content". De uma olhada no código anexado, Usei uma dessas propriedades:
test 4.html