feat: update nosotros hero photo and trim team gallery to two photos

Replace the hero image with a real event photo, and remove the third
support photo from the team gallery. Also drop the now-orphaned
last-child full-span rule so the remaining two photos sit as equal
side-by-side columns instead of one stretching full width.
This commit is contained in:
Manuel
2026-07-21 23:57:06 +02:00
parent 6359d7f312
commit 3dfbeb25b6
2 changed files with 12 additions and 17 deletions
+12 -17
View File
@@ -5,6 +5,13 @@ import Icon from '../components/Icon.astro';
const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
const heroPhoto = {
src: '/images/nosotros-hero.webp',
alt: 'Responsable de MNQ acompañando la puesta a punto de un evento nocturno',
width: 1014,
height: 747,
};
const teamGallery = {
lead: {
src: '/images/team/mnq-team-lead.webp',
@@ -30,14 +37,6 @@ const teamGallery = {
pos: 'center center',
caption: 'Cocina en movimiento, detalle en cada pase.',
},
{
src: '/images/team/mnq-team-close.webp',
alt: 'Momento cercano del equipo de MNQ',
width: 1079,
height: 1079,
pos: 'center center',
caption: 'Una presencia cercana que acompaña sin invadir.',
},
],
};
---
@@ -64,11 +63,11 @@ const teamGallery = {
<div class="nosotros-image" style="position:relative;">
<div class="overflow-hidden rounded-lg" style="aspect-ratio:4/3;">
<img
src={teamGallery.lead.src}
alt={teamGallery.lead.alt}
width={teamGallery.lead.width}
height={teamGallery.lead.height}
style={`width:100%;height:100%;object-fit:cover;object-position:${teamGallery.lead.pos};`}
src={heroPhoto.src}
alt={heroPhoto.alt}
width={heroPhoto.width}
height={heroPhoto.height}
style="width:100%;height:100%;object-fit:cover;object-position:center;"
loading="eager"
fetchpriority="high"
/>
@@ -300,10 +299,6 @@ const teamGallery = {
.team-support-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.team-support-grid > :last-child {
grid-column: 1 / -1;
}
}
@media (min-width: 64rem) {