footer alignment updated

src/components/Footer/Footer.module.css

@@ -206,6 +206,43 @@
     color: #d3cab3;
 }
 
+@media (max-width: 1360px) {
+    .logoImage {
+
+        object-fit: contain;
+        width: 300px;
+        height: 120px;
+    }
+
+}
+
+@media (max-width: 1600px) and (min-width: 1360px) {
+    .logoImage {
+
+        object-fit: contain;
+        width: 350px;
+        height: 120px;
+    }
+
+}
+
+@media (max-width: 1360px) and (min-width: 1200px) {
+    .logoImage {
+
+        object-fit: contain;
+        width: 250px;
+        height: 120px;
+    }
+
+}
+
+@media (max-width: 1024px) and (min-width: 768px) {
+    .logoImage {
+        object-fit: contain;
+        width: 142px;
+    }
+}
+
 /* Tablet Layout: 769px to 1200px */
 @media (min-width: 769px) and (max-width: 1200px) {
     .footer {

src/components/Footer/Footer.tsx

@@ -18,7 +18,7 @@ export default function Footer() {
                         <div className={styles.logo}>
                             <Link href="/" onClick={() => window.scrollTo(0, 0)} prefetch={false}>
                                 <Image
-                                    src="/images/footer-logo.webp"
+                                    src="/images/footer-logo.png"
                                     alt="Antalya Restaurant Footer Logo"
                                     width={200}
                                     height={200}