[alehar9320]

What

Added explicit width="1472" and height="871" attributes to the below-the-fold case study image in src/pages/work/[...slug].astro.

Why

Unsized images loaded dynamically can cause layout reflows when the image asset downloads. Providing explicit intrinsic dimensions allows the browser to immediately compute aspect-ratio boxes and reserve layout space, preventing Cumulative Layout Shift (CLS=0).

Impact

• Eliminates Cumulative Layout Shift (CLS) on case study pages.
• Preserves responsive layout sizing via existing CSS rules (max-width: 100%).
• Zero architectural changes or new dependencies introduced.

How to verify

Run npm run build && npm run test to verify zero build or test regressions. Visually verify with Playwright script screenshot/video.

---

PR created automatically by Jules for task 3544504172067794886 started by @alehar9320

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	me	6ce3b0f	Commit Preview URL Branch Preview URL	Sep 01 2026, 01:17 AM

[qodo-code-review]

ⓘ Qodo reviews are paused because the subscription is no longer active. Ask your workspace admin to reactivate the subscription to resume reviews. Manage billing

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[codecov]

Bundle Report

Changes will decrease total bundle size by 623.83kB (-54.26%) ⬇️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
molecular-mars-esm	525.94kB	-623.83kB (-54.26%) ⬇️

Affected Assets, Files, and Routes:

view changes for bundle: molecular-mars-esm

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
_astro/page.C50KLFIU.js (New)	271.68kB	271.68kB	100.0% 🚀
_astro/PostHog.astro_astro_type_script_index_0_lang.AUGarn-2.js (New)	240.64kB	240.64kB	100.0% 🚀
_astro/Chat.astro_astro_type_script_index_0_lang.CVqtZyvR.js (New)	11.1kB	11.1kB	100.0% 🚀
_astro/hire-analytics.Chis_s0-.js (New)	1.37kB	1.37kB	100.0% 🚀
_astro/BaseLayout.astro_astro_type_script_index_0_lang.DniJ45yB.js (New)	598 bytes	598 bytes	100.0% 🚀
_astro/contact.astro_astro_type_script_index_0_lang.CIcLwD59.js (New)	554 bytes	554 bytes	100.0% 🚀
chunks/whats-new_BankhB0t.mjs (Deleted)	-280.3kB	0 bytes	-100.0% 🗑️
chunks/default-handler_DqHG8eeJ.mjs (Deleted)	-192.27kB	0 bytes	-100.0% 🗑️
chunks/traceData_Dr_fxZBz.mjs (Deleted)	-126.65kB	0 bytes	-100.0% 🗑️
chunks/schemas_Cot3sONg.mjs (Deleted)	-126.52kB	0 bytes	-100.0% 🗑️
chunks/server_2oEWh56Y.mjs (Deleted)	-105.31kB	0 bytes	-100.0% 🗑️
chunks/assets_lTcd8Z19.mjs (Deleted)	-57.34kB	0 bytes	-100.0% 🗑️
chunks/sequence_CaMmmLod.mjs (Deleted)	-47.7kB	0 bytes	-100.0% 🗑️
_astro/whats-new.Bf7CHJhQ.css (Deleted)	-43.09kB	0 bytes	-100.0% 🗑️
chunks/shorthash_CUWuunCX.mjs (Deleted)	-29.34kB	0 bytes	-100.0% 🗑️
chunks/image-binding-transform_Cf-85Vgs.mjs (Deleted)	-24.19kB	0 bytes	-100.0% 🗑️
chunks/_astro_data-layer-content_BvrnG9KS.mjs (Deleted)	-19.62kB	0 bytes	-100.0% 🗑️
virtual_astro_middleware.mjs (Deleted)	-15.63kB	0 bytes	-100.0% 🗑️
chunks/parse_Ba8fytvn.mjs (Deleted)	-15.01kB	0 bytes	-100.0% 🗑️
chunks/chat_zD7YyXHs.mjs (Deleted)	-12.01kB	0 bytes	-100.0% 🗑️
chunks/visits_CH9uXrqX.mjs (Deleted)	-8.18kB	0 bytes	-100.0% 🗑️
chunks/visitor-changelog_BxY0qWCV.mjs (Deleted)	-6.98kB	0 bytes	-100.0% 🗑️
chunks/github-releases_BV2_eBm_.mjs (Deleted)	-6.7kB	0 bytes	-100.0% 🗑️
entry.mjs (Deleted)	-5.7kB	0 bytes	-100.0% 🗑️
chunks/release-summary_38ArvXd3.mjs (Deleted)	-4.97kB	0 bytes	-100.0% 🗑️
chunks/release-summary_CjrmKGpt.mjs (Deleted)	-4.91kB	0 bytes	-100.0% 🗑️
chunks/_virtual_astro_session-driver__DuTqh8b.mjs (Deleted)	-3.47kB	0 bytes	-100.0% 🗑️
chunks/static-image-collection_BCOQ0UCH.mjs (Deleted)	-2.85kB	0 bytes	-100.0% 🗑️
chunks/releases_BfVji4Vx.mjs (Deleted)	-2.19kB	0 bytes	-100.0% 🗑️
chunks/image-transform-endpoint_iHq_WzOS.mjs (Deleted)	-1.83kB	0 bytes	-100.0% 🗑️
chunks/compiler_CI7zcT-L.mjs (Deleted)	-1.77kB	0 bytes	-100.0% 🗑️
chunks/consts_J54VxCWf.mjs (Deleted)	-1.12kB	0 bytes	-100.0% 🗑️
chunks/image-service-workerd_DAtwUGVM.mjs (Deleted)	-960 bytes	0 bytes	-100.0% 🗑️
chunks/rolldown-runtime_CsW08brr.mjs (Deleted)	-941 bytes	0 bytes	-100.0% 🗑️
chunks/_virtual_astro_server-island-manifest_ms-rvHw7.mjs (Deleted)	-798 bytes	0 bytes	-100.0% 🗑️
chunks/content-assets_CKY12EWb.mjs (Deleted)	-732 bytes	0 bytes	-100.0% 🗑️
chunks/noop-entrypoint_BWurWioB.mjs (Deleted)	-680 bytes	0 bytes	-100.0% 🗑️

[mergify]

Tick the box to add this pull request to the merge queue (same as @mergifyio queue).

• Queue this pull request

[alehar9320-bot]

Johan UX — PASS (tip 6ce3b0f0)

Visitor-facing CLS on the IFS Design System case-study image only (src/pages/work/[...slug].astro). Chat/agentic untouched. Hire LinkedIn. Overlay frost 69ca717 untouched. Stay off #691 / #800. Do not Jules-restack.

What works

• Intrinsic width="1472" height="871" matches /assets/stock-2.jpg (1472×871). Preview bounce at https://b37e1ae9-me.alehar.workers.dev/work/ifs-design-system/: desktop 1280 rendered ~636×377 in the content column; phone 375 rendered ~312×185. No overflow, no stretch, no 871px reserved box. Global img { max-width: 100%; height: auto; } is what keeps it responsive.
• Real visitor win (CLS=0 on a below-fold proof image), not decorative theater.

AI-first: out of scope (proof image sizing, not conversational surface). Visitor-first CASE page stands.

Same draft/freeze / Johan+Vera bounce as other Jules. Open not draft. Leave it.