My Logo is broken (backface-visibility ignored in Chrome 133):

Logo SVG is displayed correctly when it is the top-level element:header.svg

Mozilla backface-visibility demo enclosed in an SVG, inside an IMG tag fetched with src attribute:

Demo SVG is displayed correctly (in Chrome 133) when it is the top-level element:cube-demo

Mozilla backface-visibility demo enclosed in an inlined SVG tag inside IMG tag shown correctly in Chrome 133:

backface-visibility: visible; backface-visibility: hidden;
1
2
3
4
5
6

Since all faces are partially transparent, the back faces (2, 4, 5) are visible through the front faces (1, 3, 6).

1
2
3
4
5
6

The three back faces (2, 4, 5) are hidden.