Docs background broken on firefox

[dvtkrlbs]

culpript seems to be

tailwindcss.com/src/components/Header.js

Lines 169 to 193 in 0d43a2d

	<div className="absolute z-20 top-0 inset-x-0 flex justify-center overflow-hidden pointer-events-none">
	<div className="w-[108rem] flex-none flex justify-end">
	<picture>
	<source srcSet={require('@/img/beams/[email protected]').default.src} type="image/avif" />
	<img
	src={require('@/img/beams/[email protected]').default.src}
	alt=""
	className="w-[71.75rem] flex-none max-w-none dark:hidden"
	decoding="async"
	/>
	</picture>
	<picture>
	<source
	srcSet={require('@/img/beams/[email protected]').default.src}
	type="image/avif"
	/>
	<img
	src={require('@/img/beams/[email protected]').default.src}
	alt=""
	className="w-[90rem] flex-none max-w-none hidden dark:block"
	decoding="async"
	/>
	</picture>
	</div>
	</div>

[thecrypticace]

This looks like a pretty major Firefox rendering bug. I'm not seeing it here though. What version of Firefox and what OS are you on?

[dvtkrlbs]

Firefox Nightly 132.0a1 (2024-09-10) (64-bit) on Windows 11 Version 23H2 Build 22631.4112

[Milias]

Same here: Firefox Nightly 132.0a1 (2024-09-22) (64-bit) on Linux.