Atualmente, o img está assumindo que é o tamanho padrão, o que é muito grande. O CSS tem uma função max, que retorna o maior valor de um conjunto de valores separados por vírgulas. Por exemplo:

img {
  width: max(250px, 25vw);
}

No exemplo acima, a largura da imagem será de 250px se a largura da viewport for menor que 1000 pixels. Se a largura da viewport for maior que 1000 pixels, a largura da imagem será de 25vw. Isto porque 25vw é igual a 25% da largura da viewport. Dimensione a imagem usando o id como seletor e defina a width como a máxima de 10rem ou 18vw.

Testes:

• Você deve usar o seletor `#logo` para direcionar o elemento `img`.
• Você deve dar à `img` uma `width` de `max(10rem, 18vw)`.