Вы пытаетесь поставить на фон тег img, вместо пути к картинке.
Откройте справочник и посмотрите как пишется свойство background-image и сравните с тем, что вы туда пытаетесь написать.
Селектор одинаковый, специфичность одинаковая => победит тот, кто ниже в css.
Если скучно или боитесь, что будет скучно тому, кто после вас, можете повысить специфичность.
Задаете нужные @media
Прописываете класс, который будет менять высоту и скрывать логотип при media
Используете matchMedia, задаете этот класс на нужной ширине при скролле.
PageUp, покажите, пожалуйста, как оно работает в сочетании с border-image?
Префикс -webkit был нужен для border-radius для хрома 4 (!!!) версии, a -moz для ФФ 3.6.
Т.е. последних лет 8 вы грузите пользователям мусор.
А также пишете этот мусор руками, не используя автопрефиксер. Я бы очень рекомендовала включить его в перечень рабочих инструментов.
поменяйте направление градиента или цвета местами..