Solucionado
Considerando que a imagem do meu banner chama-se "home.png", que a imagem do banner está na pasta "imagens" dentro de "public", o código da minha function Banner ficou assim:
import styles from './Banner.module.css';
function Banner({ imagem }){
return(
<div className={styles.capa} style={{ backgroundImage: `url('/imagens/${imagem}.png')` }} />
)
}
export default Banner;
Oi, Dierony ! Tudo bem?
Parabéns pela elaboração da solução para o problema, é sempre muito bom poder acompanhar nossos alunos aplicando seus conhecimentos e elaborando seus códigos e soluções por conta própria, bate um orgulho! Sua iniciativa é uma ótima forma de exercitar conceitos de programação.
Obrigada também por compartilhar o seu código aqui na nossa comunidade do fórum, tenho certeza que ajudará muitos colegas!
Caso tenha ficado alguma dúvida, sinta-se à vontade em comunicar, ficarei super feliz em poder ajudar!
Um forte abraço e bons estudos!