Explicit Image Dimensions

Every site and theme content image must declare explicit width and height sizing through the shared image component. For Image, put the Tailwind width and height classes directly in containerClass so shared infrastructure can select correctly sized resources. Define a base width and height and explicit breakpoint overrides wherever the displayed dimensions change. A fixed declaration may inherit across breakpoints where the dimensions stay the same. Scope fluid sizing such as w-full to the breakpoint ranges that require it; provide explicit width and height declarations for the remaining ranges. A base w-full is permitted only when later breakpoint overrides bound its range. Never use w-full across every breakpoint, h-auto, an aspect ratio, or contextual CSS as a substitute for the image sizing contract. Keep the inner image fitted to its declared container without distortion, and verify the rendered dimensions and responsive resource selection at every affected breakpoint.

Philosophy

Declared dimensions reserve image space and let shared image infrastructure request resources that match the layout.

Fix

Add the missing width and height classes to each shared image call, limit fluid sizing to its intended range, remove conflicting CSS dimensions, and check the rendered layout and requested image sizes across breakpoints.