feat: update about image (#707)

Th3S4mur41 · Aug 25, 2023 · a915c42 · a915c42
1 parent 438f632
commit a915c42
Show file tree

Hide file tree

Showing 12 changed files with 4 additions and 3 deletions.
diff --git a/assets/img/about.jpg b/assets/img/about.jpg
diff --git a/public/assets/img/about-100.avif b/public/assets/img/about-100.avif
diff --git a/public/assets/img/about-100.jpg b/public/assets/img/about-100.jpg
diff --git a/public/assets/img/about-100.webp b/public/assets/img/about-100.webp
diff --git a/public/assets/img/about-1920.avif b/public/assets/img/about-1920.avif
diff --git a/public/assets/img/about-1920.jpg b/public/assets/img/about-1920.jpg
diff --git a/public/assets/img/about-1920.webp b/public/assets/img/about-1920.webp
diff --git a/public/assets/img/about-400.avif b/public/assets/img/about-400.avif
diff --git a/public/assets/img/about-400.jpg b/public/assets/img/about-400.jpg
diff --git a/public/assets/img/about-400.webp b/public/assets/img/about-400.webp
diff --git a/src/components/About.astro b/src/components/About.astro
@@ -13,10 +13,10 @@ const t = useTranslations(lang);
 			<source srcset="/assets/img/about-400.jpg 450w, /assets/img/about-1920.jpg" type="image/jpg" />
 			<img
 				src="/assets/img/about-400.jpg"
-				width="1616"
-				height="1080"
+				width="999"
+				height="1774"
 				loading="lazy"
-				alt="Manual shooting a photo with his reflex camera in front of a mountain"
+				alt="Manual Hamel, photographer"
 			/>
 		</picture>
 		<p>{t('about.p1')}</p>

diff --git a/src/styles/layout/about.css b/src/styles/layout/about.css
@@ -19,6 +19,7 @@
 		justify-self: center;
 		align-self: center;
 		inline-size: 90%;
+		max-inline-size: 50vi;
 
 		& > img {
 			transform: rotate(-5deg);