Using new logo files instead of old

pages/404.js

@@ -11,8 +11,8 @@ export default function Custom404() {
             alt='Logo #OKi'
             width={551}
             height={315}
-            src='/logo.png'
-            quality={10}
+            src='/logo-551x315.png'
+            quality={50}
           />
         </a>
       </Link>

pages/_app.js

@@ -40,11 +40,11 @@ export default function MyApp(props) {
         <meta property='og:title' content='#OKi - Organisation KA Internationale' />
         <meta property='og:description' content='#OKi (Organisation KA Internationale) a pour but de promouvoir les langues afro-diasporiques.' />
         <meta property='og:locale' content='fr_FR' />
-        <meta property='og:image' content='http://o-k-i.net/logo.png' />
-        <meta property='og:image:secure_url' content='https://o-k-i.net/logo.png' />
+        <meta property='og:image' content='http://o-k-i.net/logo-128x73.png' />
+        <meta property='og:image:secure_url' content='https://o-k-i.net/logo-128x73.png' />
         <meta property='og:image:type' content='image/png' />
-        <meta property='og:image:width' content='551' />
-        <meta property='og:image:height' content='315' />
+        <meta property='og:image:width' content='128' />
+        <meta property='og:image:height' content='73' />
         <meta property='og:image:alt' content='Logo #OKi - Organisation KA Internationale' />
       </Head>
       <ThemeProvider theme={darkTheme}>

pages/index.js

@@ -27,9 +27,9 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
       <Container align='center'>
         <Image
           alt='Logo #OKi'
-          width={400}
-          height={215}
-          src='/logo-index.png'
+          width={384}
+          height={220}
+          src='/logo-384x220.png'
         />
         <Typography variant='h3' component='h1'>
           Organisation KA Internationale