fix: strapi hero image width and add blurred background

[matej-marcisovsky]

Task Link

#100

Description

Constrain Strapi hero image width so it stretches to 100% of parent width.
Stack a decorative blurred copy behind the sharp image to fill leftover space.

Checklist - author

• Assignee is set (the active developer of this PR).
• Reviewers are set (team members who will review the code).
• PR is linked I have linked the PR to an issue in Jira.
• Description I have described the changes proposed in the PR clearly and concisely (more important than what is why).
• Screenshots/Videos I have added screenshots/videos or they were not needed.
• Environmental variables are listed or they were not needed.
• Unit/Integration tests are added for all utilities and business important logic
• Labels I have added labels to the PR.
  • Use requires-env-vars when PR requires environmental variables
  • Use ready-for-review when PR is ready to be looked at
  • Use ready-to-merge when PR has a passing review
  • Use needs-revisions when PR has comments that block merge
  • Use do-not-review when PR is daft only and you don't want to get a review
• [OPTIONAL] Conversation/documentation is started in places where the code is not self-explanatory

Before merging

• PR is approved
• All conversations are resolved
• Pipelines are not failing

Checklist - reviewer

• I understand all proposed changes.
• Necessary after deploy steps are handled by someone (adding new env var, syncing config, running migration...)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
website-ui	Ready	Preview	Aug 28, 2026 2:11pm

[fonodi]

If the different sizing is intentional, than it's good to go from my side 👍

[fonodi]

I'm not sure why the size on the blur is 3200, but the image is 640. Is it a safety precaution?