Added glassmorphism to cards in testimonials section (#482)

As discussed under #449 , the cards in testimonials section under blogs
looked very plain and uappealing earlier like this
![Screenshot 2024-07-21
182019](https://github.com/user-attachments/assets/fa80bf1a-0a52-4037-bec5-6affc719dfe5)


I made them more beautiful attractive and eye catchy by adding
glassmorphism effect and also improving hover effect as shown here:


https://github.com/user-attachments/assets/423a6774-3964-4786-8d51-8e88cea7abd2

src/Component/Documetation/blog.css

@@ -1,5 +1,3 @@
-/* Existing CSS */
-
 .testimonials {
   background-color: var(--secondary-color);
   max-width: var(--max-width);
@@ -27,20 +25,21 @@
   justify-content: flex-start;
   flex-flow: column nowrap;
   align-items: center;
-  background: #0a0a0a;
+  background: rgba(254, 253, 253, 0.1);
+  backdrop-filter: blur(10px);
   height: 400px;
   width: 350px;
   max-width: 90%;
   margin-top: 50px;
   padding: 0 20px 20px 20px;
   border-radius: 20px;
-  box-shadow: 0 0 27px 0 rgb(0 0 0 / 5%);
+  box-shadow: 0 2px 20px rgba(255, 255, 255, 0.15), 0 4px 70px rgba(250, 250, 250, 0.15);
   transition: transform 0.3s, box-shadow 0.3s;
 }
 
 .testimonial-user:hover {
   transform: scale(1.05);
-  box-shadow: 0 0 27px 0 rgb(0 0 0 / 20%);
+  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.2), 0 4px 70px rgba(0, 0, 0, 0.25);
 }
 
 .testimonial-user > div {