Você deve inserir as imagens dentro da pasta public do seu projeto.
Supondo que você já fez isso, deve chamá-las da seguinte forma:
import Image from "next/image";
<Image src="/minha-imagem.jpg" alt="minha imagem" width={32} height={32} />
ou, se tiver estiver dentro de uma subpasta:
<Image src="/imagens/minha-imagem.jpg" alt="minha imagem" width={32} height={32} />
`
<Slider settings={settings}>
<SwiperSlide>
<div
style={{position: 'relative', width: '100%', height: '630px'}}>
<Image
src='/banner.png'
alt="Banner"
quality={100}
layout="fill"
objectFit="cover"/>
<div
style={{position: 'absolute', width: '150px', height: '150px',
top: '50%', left: '50%', transform: 'translate(-50%, -50%)'}}>
<Image
src='/logo.png'
alt="Logo"
quality={100}
layout="fill"
objectFit="contain"/>
</div>
</div>
</SwiperSlide>
`
Esse é um dos codigos onde estou colocando a imagem, porém ainda sem sucesso... Não alterar tudo, somente essa parte, e continua a mesma...
Você checou se a imagem está carregando normalmente pelo console na aba network? Se estiver sem erros, creio que seu estilo está fazendo ela sumir.