[Dúvida] Posicionamento de 2+ imagens em uma mesma página

Olá, Venancio! Bom dia!

Pelo que entendi, você gostaria de posicionar as imagens dos membros da banda ao lado dos respectivos parágrafos, certo? Uma das maneiras de fazer isso é utilizando o modelo de layout Flexbox do CSS.

Primeiramente, você precisa garantir que cada parágrafo e sua respectiva imagem estejam dentro de um mesmo container. Por exemplo:

<div class="membro">
  <img src="caminho/para/imagem.jpg" alt="Membro da Banda">
  <p>Texto sobre o membro da banda</p>
</div>

Faça isso para cada um dos membros da banda.

Depois, no seu arquivo CSS, você pode estilizar a classe "membro" para usar Flexbox, assim:

.membro {
  display: flex;
  align-items: center; /* alinha verticalmente */
  justify-content: space-between; /* adiciona espaço igual entre os itens */
}

Com isso, a imagem e o parágrafo dentro de cada div com a classe "membro" serão exibidos lado a lado. Se quiser que o texto venha antes da imagem, basta inverter a ordem no HTML.

Lembre-se de ajustar o tamanho das imagens e do texto conforme necessário, para que tudo fique harmonioso na página.

Por fim, gostaria de lembrar que esta é uma das várias maneiras de alcançar o resultado que você deseja. Existem outras técnicas, como o uso de grid layout, floats, entre outros. O importante é escolher a que melhor se adapta ao seu projeto e ao seu nível de conforto com CSS.

Espero ter ajudado e bons estudos!

Olá, Neilton! Obrigado pela ajuda.

Com as informações que você me passou, consegui um resultado bem próximo do que eu queria. Mas a imagem está muito colada no texto e deixando o parágrafo todo bagunçado como na imagem a seguir: Mas as imagens já estão posicionadas à direita dos parágrafos como eu queria. Então, muito obrigado!