Merge pull request #453 from zalabhavy/contact

Hover added on contact form image
VaibhavArora314 · Jul 18, 2024 · 50a0d78 · 50a0d78
2 parents bfe812e + 9fd57c4
commit 50a0d78
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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-y-2 transition-transform duration-700 ease-in-out" style={{ width: '90rem', height: 'auto' }} />
         </div>
       </section>
     </div>