feat(portfolio): add design.aspect_ratio setting for card images

[Vidminas]

Card image dimensions were hardcoded: a fixed-height box (h-48) plus a fixed 3:2 crop (Fill "600x400"). The box ratio therefore tracked card width / column count and rarely matched the crop, so object-cover re-cropped the already cropped image (a double-crop).

🚀 What type of change is this?

• 🐛 Bug fix (A non-breaking change that fixes an issue)
• ✨ New feature (A non-breaking change that adds functionality)
• 💅 Style change (A change that only affects formatting, visuals, or styling)
• 📚 Documentation update (Changes to documentation only)
• 🧹 Refactor or chore (A code change that neither fixes a bug nor adds a feature)
• 💥 Breaking change (A fix or feature that would cause existing functionality to not work as expected)

---

🎯 What is the purpose of this change?

Portfolio card image dimensions are hardcoded — a fixed-height box (h-48) plus a fixed 3:2
crop (Fill "600x400"). Two problems:

1. There's no way to change the card image ratio without overriding the whole block.
2. Because the box is a fixed height spanning the card width, its ratio tracks card width /
   design.columns and rarely equals the crop's 3:2, so object-cover re-crops the already
   cropped image (a double-crop).

This change adds a design.aspect_ratio knob whose named presets mirror the gallery
block's existing design.aspect_ratio vocabulary, plus a photo (3:2) preset:

value	box	crop
square	aspect-square	600×600
landscape	aspect-[4/3]	600×450
portrait	aspect-[3/4]	480×640
wide	aspect-[16/9]	800×450
photo (default)	aspect-[3/2]	600×400

The chosen ratio drives both the CSS aspect box and the Fill dimensions from a single
map, so the box always matches the crop → one predictable crop at any width (this is what also
resolves the double-crop). It defaults to photo (3:2, 600×400), so sites that don't set it
render exactly as before — non-breaking. All aspect class strings are written literally in the
template so Tailwind's scanner generates them.

Verified on the dev-portfolio starter: with no config the cards render aspect-[3/2] boxes and
600×400 images (unchanged); with design.aspect_ratio: wide they render aspect-[16/9] boxes
and 800×450 images, and Tailwind emits the aspect-ratio: 16/9 rule.

---

📸 Screenshots or Screencast (if applicable)

The fix — double-crop, shown at 2 columns where it's most severe:

Before — main, fixed-height h-48 box	After — this PR, ratio box (default photo 3:2)

At 2 columns the fixed-height box makes each image an ultra-wide letterbox that re-crops the 3:2
source (laptops sliced off top and bottom); the ratio box shows the full, intended 3:2 image.

The aspect_ratio presets (3 columns):

photo — 3:2 (default)	wide — 16:9	square — 1:1

---

ℹ️ Documentation Check

• No, this change does not require a documentation update.
• Yes, I have updated the documentation accordingly (or will in a follow-up PR).

This PR updates the portfolio block's README.md: a aspect_ratio row in the Design-parameters
table and the option in the Basic-Usage example (noting it shares the gallery block's vocabulary).

---

📜 Contributor Agreement

Thank you for your contribution!

• By checking this box, I confirm that I have read and agree to the HugoBlox Contributor License Agreement (CLA).

[netlify]

✅ Deploy Preview for academic-demo canceled.

Name	Link
🔨 Latest commit	57d519b
🔍 Latest deploy log	https://app.netlify.com/projects/academic-demo/deploys/6a50bb0fe5d79700080ec034

[github-actions]

Wow, your first PR! Welcome to the community! 🎉

Thank you for this contribution to open source and open research. It makes a huge impact for the thousands of innovators building with Hugo Blox.

If you're wondering about next steps, please read our Contributor Guide for coding standards, how to run the project locally, and how to get help.

We hope this is just the start of your journey with us. Let's build the future together! Join us on Discord to connect with the team and community.

Awesome work, we'll take a look soon! ✨