Вы увеличиваете файл SVG до очень большого размера:
background-size: 9730px 30000px;
background-position: -7310px -29250px;
Большинство браузеров не сглаживают очень большие SVG-формы, так как для этого требуется слишком много графической памяти. (Это то, что мы видим в Safari и Chrome.) Похоже, что Firefox фактически отображает SVG по размеру холста, а затем увеличивает его с интерполяцией изображения в обрезанную область.
Исправление для обоих одинаково:
Сначала обрежьте SVG и используйте только обрезанную часть в качестве фона.