Арсений Матыцин

.header__img {
   ....
   margin-left: auto;
}

Это добавь

Это не бордер. Это с большой вероятностью svg. SVG же в свою очередь управляется посредством JS.

Технология древняя, как массоны)
https://masonry.desandro.com/

Имеет, правда, некоторые изъяны. Например желательно запускать после загрузки изображений, так как постройку может произвести без их учета. Но это тонкости.

Фильтры CSS немного не про это. Тут, если мы говорим все же про верстку и CSS, то можно сделать наложение поверху с цветом, включающим в себя альфа-канал. Перед этим можно поиграться в ФШ, чтобы получить данные для цвета и его прозрачности.

Наложение это буквально 2 слоя, с разным z-index, где сверху либо тег, либо псевдоэлемент с цветом.

Один и тот же физический размер экрана может иметь разное количество точек на дюйм.
А пиксели это вообще абстрактное понятие.
Читай про медиазапросы, ретина (это ключевики для поиска)

З.Ы. хочешь показаться умным, спроси, сколько должно быть точек на дюйм (dpi) в конкретно заданных форматах экранов.

Через CSS никак, через JS без проблем.
Каскадность стилей подразумевает движение только вперед и внутрь.

Как ни удивительно, но есть википедия, которая обозревает этот вопрос.

От себя акцентирую внимание на то, что шрифт должен поддерживать этот символ.

JS это вообще клоака.
Очередность правильная HTML→CSS→JS
Правда препроцессоры вперед ногами пошли, их бы после базы, туда же бут и т.д.
Ну и в процессе грамотность верстальщика надо вытягивать. Это знание языка, правил, ГОСТ-ов оформления доков, сокращений и т.д.
Ну тут хотя как, многие (как и те, кто верстает только на дивах), думают, что фронтенд это типа бэкенда, только на JS. Т.е. если разобраться в JS и фрейморках, то в принципе можно проскочить попервой все, что выше, но в какой-то момент все равно вернешься.

З.Ы.: я как всегда удачно зашел, это одна из моих любимых тем. Чуть шире, чем тут, я ее раскрыл в статейке.

Сам я с удовольствием верстаю уже порядка 8–10 лет.

З.Ы.Ы.: Как показывает практика, многие, кто встает на путь истинный и учится верстать нормально, сдает позиции по принципу «ну его туда-сюда».

Как вариант указать z-index «ниже» основной плашки.

А так я кажется это уже видел тут, с месяц чтоль назад. Все никак?)

UPD: А квест действительно интересный, я так-то очень давно с такой ерундой давно не сталкивался. Мой вариант с z-index имеет место быть с доработками. А вообще он скорее непригоден, так как я забыл про тень, которая будет накинута не от таба, а на таб.
А вариант Дмитрий плох тем, что при изменении параметров тени для одного объекта, визуально мы отрываем его от другого, создавая другую глубину. Это хорошо заметно на размытии в 15px и более (см третий таб).

А в целом классово верным решением будет border-image или все-таки svg, как я отвечал по ссылке на предыдущий вопрос тематики. И с двумя вариантами придется помудохаться.

1. Вкладывать в Hn в a нельзя (в широком смысле — блочные в инлайновые)
2. Позиционирование\марджины\трансформирование в помощь