fix(feat): Rearrange the element to fix the responsive layout

2026-05-14 17:58:14 +08:00
parent c587df063b
commit a8474fd208
11 changed files with 768 additions and 608 deletions
--- a/src/components/WhyTalkPro.astro
+++ b/src/components/WhyTalkPro.astro
@@ -40,7 +40,17 @@ const iconClasses = ['why-card__icon--square', 'why-card__icon--familiar', 'why-
      </div>

      <div class="why__illustration">
-        <img alt={t.illustrationAlt} class="why__illustration-image" src="/assets/why-illustration.png" />
+        <video
+          aria-label={t.illustrationAlt}
+          class="why__illustration-image"
+          autoplay
+          loop
+          muted
+          playsinline
+          preload="metadata"
+        >
+          <source src="/assets/why-illustration.mp4" type="video/mp4" />
+        </video>
      </div>
    </div>