From 3e53747694527fe12f98b469ee9253784343820b Mon Sep 17 00:00:00 2001
From: truongthinhnguyen03 <truongthinh.nguyen03@gmail.com>
Date: Mon, 5 Oct 2026 12:40:24 +0800
Subject: [PATCH] Fix oval avatars in Safari

Safari ignores aspect-ratio on the avatar box inside the column flex card, stretching it vertically. Use a padding-based square instead.
---
 _sass/_people.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/_sass/_people.scss b/_sass/_people.scss
index d8e12e1..550f04b 100644
--- a/_sass/_people.scss
+++ b/_sass/_people.scss
@@ -27,8 +27,10 @@
 
 .people-photo-swap {
   position: relative;
+  flex-shrink: 0;
   width: 62%;
-  aspect-ratio: 1;
+  height: 0;
+  padding-bottom: 62%;
   margin: 0.15rem auto 0.6rem;
   perspective: 600px;