From 1ddc479e4a0d9f1175882f9e1df5f97df2546925 Mon Sep 17 00:00:00 2001
From: Bhavy_Zala <zalabhavy2004@gmail.com>
Date: Tue, 16 Jul 2024 15:12:50 +0530
Subject: [PATCH] Hover added on contact form image

---
 frontend/src/pages/ContactUs.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/ContactUs.tsx b/frontend/src/pages/ContactUs.tsx
index dc5e0319..e92a18f0 100644
--- a/frontend/src/pages/ContactUs.tsx
+++ b/frontend/src/pages/ContactUs.tsx
@@ -165,7 +165,7 @@ function ContactUs() {
           </form>
         </div>
         <div className={`w-full md:w-1/2 flex justify-center items-center p-8 transition-opacity duration-1000 ease-in-out ${fadeTransition ? 'opacity-100' : 'opacity-0'}`}>
-          <img src={images[currentImageIndex]} alt="Contact Us" className="max-w-full h-auto rounded-lg" style={{ width: '90rem', height: 'auto' }} />
+            <img src={images[currentImageIndex]} alt="Contact Us" className="max-w-full h-auto rounded-lg transform hover:translate-x-2 transition-transform duration-700 ease-in-out" style={{ width: '90rem', height: 'auto' }} />
         </div>
       </section>
     </div>