Imagem de banner sempre corta

Olá, Nicole. Tudo bem?

São poucas alterações para chegar ao resultado que você pretende.

Primeiro, sobre a imagem que está no projeto no momento. Ela parece ser menor do que a versão desktop do Figma, acredito que tenha pego por engano a imagem do tablet. No próprio Figma, tem esse link onde você pode baixar todas as assets usadas nesse projeto.

Depois de ajustar a imagem, eu só precisei fazer uma alteração no CSS, ao invés de usar height: 100vh, (que deixaria a imagem com a altura da tela), você pode ajustar para height: 30vw;, que a imagem ficara com 30% da largura da tela. Assim ela se ajustará dinamicamente de acordo com o dispositivo.

.banner-meteora {
  width: 100%; /* Preenche toda a largura */
  height: 30vw; /* Ajusta a altura para ocupar 30% da largura da tela */
  object-fit: cover; /* Preenche o espaço sem distorcer */
  object-position: center; /* Centraliza a imagem no espaço disponível */
}

Se precisar de ajuda com algo a mais, não hesite em me chamar!

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)