Максим

filter:brightness();

скачайте и установите vscode - в нём есть плагин live server - работает не хуже чем livereload и тому подобные

почему margin-left ? абсолютно расположить и всё будет в ёлочку : right:0; и т д

Как обрубить верхний-левый угол у div имея неоднородный фон?

ctrl+f5
или скачиваете teamviewer и отправляете мне пароль и логин - хочу убедится

переместите выше ваших линий ForeignObject, очевидно он ниже

Google напичкал свой браузер эксперементальными технологиями ... и из за этого он сильно отличается от других своих "Коллег"
Я не враг Google Chrome но он последние много лет показывает себя хуже чем Safari или Microsoft Ie11

А что именно коммерческие продукты нравятся ? Это IDE вообще то для PHP всё остальное для удобства.
Щас с разными расширениями для Обычных редакторов кода уже сложно говорить о том что есть IDE а что редактор кода .
Конечно кому то кактусы нравятся а кому то строго фиалки ...

https://codepen.io/topicstarter/pen/zjmPNo что то у вас больше ширины - при указания max-width встало на место , ищите то что вылазиет

https://jsfiddle.net/hL7wow99/1/ - доработал что бы было видно ответ Антон Спирин

вы просто сохраните её как PNG и откройте в векторном редакторе и трасируйте ... это будет проще
или сразу рисуйте в в векторе

flip block css - search google | yandex

у меня получилось :))