[SAMARTHJAISWAL]

Description

Fixes #15178.

In the solana about template, .about-entity declared align-items: start after the media-breakpoint-down(lg) block. Sass outputs a declaration that comes after nested rules in a separate rule, later in the stylesheet, so start overrode the breakpoint's align-items: center at every width. This moves align-items: start and justify-content: space-between above the breakpoint blocks, so the stacked layout centres the image like the text.

Tested:

• New smoke test tests/docs/smoke-all/2026/11/12/issue-15178/ (a small website with a solana about page): it checks that the base align-items: start rule comes before the breakpoint's align-items: center rule in the compiled CSS. It fails on main and passes with this change.
• The existing about page test (2024/04/17/9356) still passes.
• Rendered the test site and measured it in a browser. At 400px the layout is column-reverse with align-items: center, and the image centre lines up with the centre of the entity. At 1280px it is still row with align-items: start.

Checklist

I have (if applicable):

• referenced the GitHub issue this PR closes
• updated the appropriate changelog in the PR
• ensured the present test suite passes
• added new tests
• created a separate documentation PR in Quarto's website repo and linked it to this PR (not needed, bug fix only)

AI-assisted PR

• AI tool used: Claude Code
• Codebase grounding: local clone
• Human review: I have reviewed, tested, and verified the AI-generated content before submitting.

[posit-snyk-bot]

✅ Snyk checks have passed. No issues have been found so far.

Status	Scan Engine	Critical	High	Medium	Low	Total (0)
✅	Open Source Security	0	0	0	0	0 issues
✅	Licenses	0	0	0	0	0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.