asgd

src/components/home/Sectors.astro

@@ -3,15 +3,15 @@ import { Picture } from 'astro:assets';
 import fiveG from '../../assets/images/sector-5g.jpg';
 import substation from '../../assets/images/sector-substation.jpg';
 import controlRoom from '../../assets/images/sector-ot.jpg';
-import products from '../../assets/images/sector-rd-engineer.jpg';
+import products from '../../assets/images/sector-device-line.jpg';
 import datacentre from '../../assets/images/sector-datacentre.jpg';
 import { t, type Lang } from '../../i18n/ui';
 interface Props { lang: Lang }
 const { lang } = Astro.props;
 const ui = t(lang);
 const images = [fiveG, substation, controlRoom, products, datacentre];
-/* Where each picture keeps its subject when cropped; the R&D engineer sits on the left. */
-const focus = ['center', 'center', 'center', '30% center', 'center'];
+/* Where each picture keeps its subject when cropped. */
+const focus = ['center', 'center', 'center', 'center', 'center'];
 const items = ui.sectors.items.map((item, i) => ({ ...item, image: images[i], focus: focus[i], id: `sector-${i + 1}` }));
 ---
 <section class="section sectors" id="sectors" aria-labelledby="sectors-title">