From 413bbcc7cf2828f81384ec847ebec81949033156 Mon Sep 17 00:00:00 2001
From: shahil <shahilsk0111@gmail.com>
Date: Mon, 25 Nov 2024 14:47:58 +0530
Subject: [PATCH] Fix Image Distortion and Clickable Issue

---
 css/style.css | 4 ++--
 index.html    | 2 ++
 style.css     | 5 +++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/css/style.css b/css/style.css
index b28cd87..bd55519 100644
--- a/css/style.css
+++ b/css/style.css
@@ -548,7 +548,7 @@ nav .fa {
 }
 
 .card {
-  cursor: pointer;
+  /* cursor: pointer; */
   text-align: center;
   animation: slideIn 0.5s ease-in-out;
   transform: translateY(-2.2rem);
@@ -572,6 +572,7 @@ nav .fa {
 .card img {
   height: 200px;
   width: 200px;
+  object-fit: cover;
   border-radius: 50%;
 }
 
@@ -579,7 +580,6 @@ nav .fa {
   /* border: 5px solid #f9004d; */
   outline: 0px solid transparent;
   padding: 3px 3px;
-  border: 2px solid red;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }
diff --git a/index.html b/index.html
index 60fb036..940cfea 100644
--- a/index.html
+++ b/index.html
@@ -141,6 +141,7 @@ <h5>Shayan Pal</h5>
             <a href="https://bio.link/shayanpal"><button>Let's Connect</button></a>
           </div>
         </div> -->
+      
       <div data-aos="fade-up" ddata-aos-duration="800" class="card">
         <img src="./images/soumyadeep.jpg" alt="soumyadeep" loading="lazy">
         <h5>Soumyadeep Dhali</h5>
@@ -149,6 +150,7 @@ <h5>Soumyadeep Dhali</h5>
           <a href="https://soumyadeep.bio.link"><button>Let's Connect</button></a>
         </div>
       </div>
+  
       <div data-aos="fade-up" data-aos-duration="800" class="card">
         <img src="./images/susmita.jpg" alt="" loading="lazy">
         <h5>Susmita Dey</h5>
diff --git a/style.css b/style.css
index 7c87e93..03749ed 100644
--- a/style.css
+++ b/style.css
@@ -181,9 +181,10 @@ nav .fa {
 
 .card img {
   width: 200px;
-  height: 200px;
+  height: auto;
   object-fit: cover;
-  border-radius: 90px;
+  border-radius: 50%;
+  
 }
 
 .card img:hover {