网页缩放图片出现黑白色反转的原因及相关规范查询

以下是测试用的HTML代码：

<html>
    <head>
    </head>
    <body>
        <img height="80" src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/>
        <img src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/>
    </body>
</html>

在以下环境中访问该页面：

• Windows 11系统
• 深色或浅色主题均可
• 使用Google Chrome或Microsoft Edge浏览器

会发现设置height属性缩放后的图片出现黑白色反转（黑变白、白变黑），而原生尺寸的图片无此问题；但在Firefox浏览器中不会出现颜色反转。

我尝试在HTML规范中查找该行为的相关文档，但未找到。请问这是否是一种已被记录的知名行为？是否存在相关（非HTML的）规范对其进行说明？

补充：附上问题截图

内容的提问来源于stack exchange，提问作者andynewman