Fix Volunteeer Section CSS

Signed-off-by: Vipul Gupta (@vipulgupta2048) <vipulgupta2048@gmail.com>

Author: vipulgupta2048

src/components/Reusables/VolunteerItem/VolunteerItem.module.css

@@ -1,18 +1,19 @@
 .team {
   position: relative;
-  height: 40rem;
-  width: clamp(60%, 100%, 100%);
+  height: 30rem;
+  width: 90%
 }
 
 .team__container {
   display: flex;
-  flex-direction: column;
-  align-items: center;
   justify-content: center;
+  align-items: center;
+  overflow-y: hidden;
+  padding-right: 20rem;
+  flex-direction: column;
   margin: 0 var(--margin-small);
   border-radius: 1rem;
   height: 100%;
-  position: relative;
   cursor: pointer;
 }
 
@@ -54,7 +55,7 @@
 
 @media screen and (max-width: 1024px) {
   .team {
-    height: 35rem;
+    height: 30rem;
   }
 }
 
@@ -66,6 +67,6 @@
 
 @media screen and (max-width: 325px) {
   .team {
-    height: 25rem;
+    height: 20rem;
   }
 }