diff --git a/public/images/footer-logo.png b/public/images/footer-logo.png
new file mode 100644
index 0000000..4bac168
Binary files /dev/null and b/public/images/footer-logo.png differ
diff --git a/src/components/Footer/Footer.module.css b/src/components/Footer/Footer.module.css
index 4030fc5..97d3076 100644
--- a/src/components/Footer/Footer.module.css
+++ b/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 {
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index c7f90f8..ce67651 100644
--- a/src/components/Footer/Footer.tsx
+++ b/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}