fix(home.js): resolve image overflow causing scrollbar by adding Tailwind CSS to img tag

The issue of unwanted scrollbars appearing due to image overflow was fixed by applying Tailwind CSS classes ( max-h-[90vh] )to the <img> tag and removed 'h-auto' class because it was not required.
The change will cause image to resize according to the available space and will not overflow due to different aspect ratio of screen.

Author: vikas-kumar-git

client/src/pages/Home.jsx

@@ -79,7 +79,7 @@ const Home = () => {
 					)}
 				</div>
 				<div className="h-full bg-secondary w-2/4 sm:flex hidden items-center justify-center px-4">
-					<img src="/landing page image.jpg" className="h-auto rounded-full w-auto object-cover" />
+					<img src="/landing page image.jpg" className="max-h-[90vh] rounded-full w-auto object-cover" />
 				</div>
 			</div>
 		</div>