```Fiz meu código seguindo as direções da lista de exercícios, porém ao usar "<ol>" para fazer uma lista ordenada, eu quis me aventurar e colocar imagens dentro do "<li>" para dar mais vida ao exercício. Só que por algum motivo a cor do "</li>" de fechamento muda quando eu termino a linha da imagem. De primeira vista ao salvar meu código e observar, não aparenta ter nada errado, mas eu gostaria de entender do motivo disso acontecer.
```
Meu código:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ArqVrosky</title>
</head>
<body>
<h1>Arquitetura Biofílica</h1>
<h2>O que é?</h2>
<p>Arquitetura biofílica é uma abordagem de design que busca integrar a natureza nos ambientes construídos, visando promover bem-estar e melhorar a saúde mental e física dos ocupantes. Ela utiliza elementos naturais como plantas, luz natural, água e materiais orgânicos, além de formas e padrões encontrados na natureza, para criar espaços que conectem as pessoas com o meio ambiente, reduzindo o estresse e aumentando a produtividade e a satisfação.</p>
<img src="arquitetura-biofilica-capa-1280x650.jpg" alt="Arquitetura Biofílica">
<h3>Alguns Projetos Famosos</h3>
<ol>
<li>Edifício Oito
<img src="arquitetura-biofilica-biofilia_3.webp" alt="Edificio Oito Arquitetura Biofílica"
</li>
<li>Casacor São Paulo
<img src="thumb-325-casacor-sp-claric3a7a-lima-e-debeus-tv-casacor.webp" alt="Casacor São Paulo Arquitetura Biofílica"
</li>
</ol>
</body>
</html>
