Olá, Lucas!
É um comportamento curioso esse. O estilo inline pode estar sendo aplicado por alguma biblioteca ou script que está tentando manipular a visibilidade ou a posição das imagens.
Uma possibilidade é que o Vite ou alguma dependência do projeto esteja usando um script para lidar com imagens de forma dinâmica. Isso pode ser parte de um recurso de otimização ou carregamento diferido (lazy loading), onde as imagens são inicialmente escondidas e depois exibidas quando certas condições são atendidas.
Para investigar mais a fundo, você pode:
Tente criar um novo projeto: Verifique se o comportamento se mantém ao iniciar um novo projeto com Vite, porém, dessa vez utilize a opção Vanilla ao invés de React.
Tente reproduzir o erro mais de uma vez: Como você mencionou que o erro acontece quando há uma tag <img> dentro de uma tag <a>, tente criar essa estrutura manualmente e executar o projeto para ver se os estilos inline são aplicados automaticamente.
Console: De uma olhada no console do navegador se há algum aviso ou mensagem de erro sobre o que pode estar havendo.
Tente outro navegador: Se os estilos são aplicados durante a execução, pode ser que seja alguma configuração do navegador ou plugin. Tente rodar o projeto em navegadores diferentes.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)
Caso este post tenha lhe ajudado, por favor, marcar como solucionado
