Fiquei com uma dúvida.
Ao invés de usar duas medias queries, uma para quando o min-width:0 e outra para o min-width:768px, eu não poderia usar uma só da seguinte maneira ?
@media screen and (max-width: 768px){
.banner__img{
height: calc(100vh - 51px);
}
}
Porque desta forma quando o site estivesse acima de 768px ficaria da forma padrão, e se tornaria responsivo quando chegasse a um valor menor que 768px.