Задаете нужные @media
Прописываете класс, который будет менять высоту и скрывать логотип при media
Используете matchMedia, задаете этот класс на нужной ширине при скролле.
PageUp, покажите, пожалуйста, как оно работает в сочетании с border-image?
Префикс -webkit был нужен для border-radius для хрома 4 (!!!) версии, a -moz для ФФ 3.6.
Т.е. последних лет 8 вы грузите пользователям мусор.
А также пишете этот мусор руками, не используя автопрефиксер. Я бы очень рекомендовала включить его в перечень рабочих инструментов.
Если размер карточек зависит от размера картинки.
Нужно поменять ширину карточки с 330 на 280.
Что нужно сделать?
Хотя чаще делают наоборот, ширина картинки определяется шириной карточки.
На данный момент считаю, что удобнее всего аналогичные задачи решаются гридами и чем-то вроде auto-fill (или auto-fit) и minmax(280px, 1fr).
Но если хотите конкретные значения, ну и пишите фиксированные в px.
И не задавайте высоту в верстке, обычно мы не знаем сколько будет контента. Если нужно, ограничивайте минимальной или максимальной. Кроме случаев, когда действительно нужна фикс высота блоку, ане в зависимости от контента.
Упорно считаю, что качество жизни лучше у тех, кто занимается тем к чему по настоящему лежит душа. (Балбесов, хорошо лежащих на диване и подобных, во внимание не берем)
Верстку люблю очень, а js не доставляет особой радости за редким исключением. И почему-то мне встречается полно компаний разработчиков, которые не хотят заниматься версткой и очень радуются, что можно отдать её кому-то (желательно толковому).
Другой аргумент: в верстке в любом случае хорошо бы разбираться, даже если потом не будете верстать сами. Отличать хорошо от плохо и понимать что вообще можно сделать и какими способами.
Если забить на него, то можно радиальным градиентом или тем же svg.
И вопрос не средний, а проще простецкого по нынешним временам.