css - Weird artifacts with transparent png background-image in Chrome - Stack Overflow

I'm trying to create a pattern with a png with a transparent background. It works fine both on Firefox and Safari, but on Chrome it's displaying with some white space in between. The code to repro

CSS Gradients CSS-Tricks - CSS-Tricks

Sensors, Free Full-Text

Creating Generative Patterns with The CSS Paint API

html - CSS 'transform rotate' creates artifacts - Stack Overflow

code – CSS, Cats, and Mind Clutter

Guide to image overlays in CSS - LogRocket Blog

css - Chrome shrinking images look sharpen/glitch with background-image but normal with image tag - Stack Overflow

Manual

The Future of Style - W3C

OpenTelemetry with Austin Parker – The Frontside Podcast – Podcast – Podtail

What is an App Store? The Software Engineering Perspective

CSS-defined background image doesn't display in Chrome - Stack Overflow

Changes and Additions

Picture perfect images with the modern element - Stack Overflow

css gives weird artefacts when using element with :hover - Stack Overflow