From 149a727ec040ac673a1a43fca31afb69efbd3c70 Mon Sep 17 00:00:00 2001
From: kiran1810 <kirangill1810@gmail.com>
Date: Sat, 21 Dec 2024 16:05:37 +0530
Subject: [PATCH 1/2] feat: Add border and background color to speaker images
 for consistent card design

---
 components/Speaker/speaker.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Speaker/speaker.js b/components/Speaker/speaker.js
index 4dcee9b4..590dcb02 100644
--- a/components/Speaker/speaker.js
+++ b/components/Speaker/speaker.js
@@ -7,7 +7,7 @@ function Speaker({details, location, className}) {
 			className={`w-auto text-center flex flex-col items-center card h-auto rounded-md p-[27px] ${className}`}
 			data-test="speakers-section"
 		>
-			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px] relative overflow-hidden  rounded-full'>
+			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px] relative overflow-hidden  rounded-full border-2 border-gray-400 bg-gray-800'>
 				<Image src={details.img} alt={details.name} width={0} height={0} sizes='100vw' className='rounded-full object-cover transition-all duration-300 hover:scale-110 w-[100%] h-[100%]' />
 			</div>
 			<div className='mt-[19px]'>

From 016da883c6224703d8ed0ad4514f8980e97f4138 Mon Sep 17 00:00:00 2001
From: kiran1810 <kirangill1810@gmail.com>
Date: Sat, 21 Dec 2024 16:17:52 +0530
Subject: [PATCH 2/2] feat: Added borders and background colors to speaker
 images for consistent card designs

---
 components/Speaker/speaker.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Speaker/speaker.js b/components/Speaker/speaker.js
index 590dcb02..c21c3e17 100644
--- a/components/Speaker/speaker.js
+++ b/components/Speaker/speaker.js
@@ -7,7 +7,7 @@ function Speaker({details, location, className}) {
 			className={`w-auto text-center flex flex-col items-center card h-auto rounded-md p-[27px] ${className}`}
 			data-test="speakers-section"
 		>
-			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px] relative overflow-hidden  rounded-full border-2 border-gray-400 bg-gray-800'>
+			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px] relative overflow-hidden  rounded-full  border-2  border-gray-400 bg-gray-800'>
 				<Image src={details.img} alt={details.name} width={0} height={0} sizes='100vw' className='rounded-full object-cover transition-all duration-300 hover:scale-110 w-[100%] h-[100%]' />
 			</div>
 			<div className='mt-[19px]'>