From 8c2f55489282abeee399cfaab151546c5dc12882 Mon Sep 17 00:00:00 2001
From: Keyvan Hosseini <skhprogramming@gmail.com>
Date: Tue, 27 Feb 2024 17:36:36 +0330
Subject: [PATCH] fix: image quality on mobile devices in speaker card

---
 src/app/components/Speakers/SpeakerCard.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/components/Speakers/SpeakerCard.tsx b/src/app/components/Speakers/SpeakerCard.tsx
index 23ac146..e50e08a 100644
--- a/src/app/components/Speakers/SpeakerCard.tsx
+++ b/src/app/components/Speakers/SpeakerCard.tsx
@@ -19,12 +19,17 @@ const SpeakerCard = ({
           className="lg:size-[168px]"
           src={avatar}
           alt={fullName}
+          quality={100}
         />
       </div>
       <div className="flex flex-col items-center gap-0.5 lg:gap-1">
         <strong className="lg:text-xl">{fullName}</strong>
-        <span className="text-sm text-zinc-400 lg:text-base">{position}</span>
-        <span className="text-sm text-zinc-400 lg:text-base">{company}</span>
+        <span className="text-center text-sm text-zinc-400 lg:text-base">
+          {position}
+        </span>
+        <span className="text-center text-sm text-zinc-400 lg:text-base">
+          {company}
+        </span>
       </div>
       <div className="flex gap-3 p-1 lg:gap-2 lg:p-2">
         <SpeakerSocials {...socials} />