README: bump demo gif grid to 400x225

[FuJacob]

Summary

Bumps each demo gif from 320x180 to 400x225 so the grid reads more comfortably without going edge-to-edge.

Validation

Visual.

Linked issues

Refs #612.

Greptile Summary

Resizes the four demo gif <img> elements in the README from 320×180 to 400×225, keeping the 16:9 aspect ratio intact for a more comfortable grid presentation.

• All four images (slack.gif, imessage.gif, autocorrect.gif, macros.gif) receive the same dimension bump, so the 2×2 grid remains symmetrical.
• No functional code, logic, or configuration is touched — this is a documentation-only change.

Confidence Score: 5/5

Safe to merge — only HTML attribute values in the README are changed, with no effect on any code or configuration.

The change is limited to two lines of Markdown, updating width and height on four img tags. The aspect ratio is preserved (16:9 both before and after), and all four images are updated consistently, so the grid stays symmetrical.

No files require special attention.

Important Files Changed

Filename	Overview
README.md	Bumps all four demo gif img tag dimensions from 320×180 to 400×225 (both 16:9); purely cosmetic README change.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[README.md demo grid] --> B[slack.gif]
    A --> C[imessage.gif]
    A --> D[autocorrect.gif]
    A --> E[macros.gif]
    B -->|320×180 → 400×225| B2[Resized]
    C -->|320×180 → 400×225| C2[Resized]
    D -->|320×180 → 400×225| D2[Resized]
    E -->|320×180 → 400×225| E2[Resized]

Loading

_{Reviews (1): Last reviewed commit: "README: bump demo gif grid to 400x225" | Re-trigger Greptile}