fix footer logo f**king again and again

src/components/Footer/Footer.module.css

@@ -22,9 +22,8 @@ gap: 15px;
 
 
 .logo {
-width: 60px;
+width: 200px;
 opacity: 0.9;
-border-radius: 100%;
 }
 
 
@@ -98,7 +97,7 @@ text-align: center;
 
 @media (max-width: 700px){
     .logo {
-        width: 40px;
+        width: 100px;
         opacity: 0.9;
         border-radius: 100%;
     }
@@ -157,7 +156,7 @@ color: #fff;
 
 @media (max-width: 460px){
     .logo {
-        width: 40px;
+        width: 80px;
         opacity: 0.9;
         border-radius: 100%;
     }

src/components/Footer/Footer.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "./Footer.module.css";
 import { NavLink } from "react-router-dom";
-import Logo_color from "../../assets/images/Logo_color.jpg";
+import Logo from "../../assets/images/Logo.jpg";
 import PriceLisForm from "../PriceLisForm/PriceLisForm";
 import { useState } from "react";
 
@@ -11,7 +11,7 @@ const Footer: React.FC = () => {
     <footer className={styles.footer}>
       <div className={styles.container}>
         <div className={styles.left}>
-          <img src={Logo_color} alt="logo" className={styles.logo} />
+          <img src={Logo} alt="logo" className={styles.logo} />
           <span className={styles.copy}>RK-Plastic Tech. 2021-2026 ©</span>
         </div>