Broken graphics on Blink browsers

[SilentImp]

Describe the bug

It seems that icons and some other elements somehow broken in brave.
There are spacing between "pixels" in the icons.

To Reproduce

1. Got to 'https://nostalgic-css.github.io/NES.css/' in the Brave browser
2. Icons look broken

Expected behavior

Icon without white spacing between "pixels"

Screenshots

Brave (incorrect)

Chrome Canary (incorrect)

Firefox (correct)

Environment:

• OS: Version 1.73.91 Chromium: 131.0.6778.85 (Official Build) (64-bit)
• Browser: Version 1.73.91 Chromium: 131.0.6778.85 (Official Build) (64-bit)
• Build environment (i.e. NodeJS):

Suggestion(s) for fixing this issue

Additional context

[SilentImp]

Maybe related to #434
But

* {
    border-image-repeat: stretch !important;

    // for chrome
    @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      border-image-repeat: stretch  !important;
    }
  
    // for firefox
    @supports (-moz-appearance: meterbar) {
      border-image-repeat: stretch  !important;
    }
}

doesn't seem helping