Avoid using next/image

pages/components/Footer/BlueRibbon.js

@@ -1,12 +1,11 @@
 // Next.js
 import Link from 'next/link'
-import Image from 'next/image'
 
 const happybusy = (props) => {
   return (
     <Link href="https://www.eff.org/pages/blue-ribbon-campaign">
       <a>
-        <Image
+        <img
           src="/images/brstrip.gif"
           width={150}
           height={41}

pages/components/Footer/HappyBusy.js

@@ -1,12 +1,11 @@
 // Next.js
 import Link from 'next/link'
-import Image from 'next/image'
 
 const HappyBusy = (props) => {
   return (
     <Link href="https://sites.google.com/site/happybusy/">
         <a>
-          <Image
+          <img
             src="/images/busy_banner.png"
             width={200}
             height={42}

pages/components/Minecraft.js

@@ -5,8 +5,6 @@ import React, { useState, useEffect } from 'react';
 import { useTranslation, useLanguageQuery } from 'next-export-i18n';
 
 import axios from 'axios';
-import Image from 'next/image'
-import { list } from 'postcss';
 
 export default function Minecraft(props) {
   const { t } = useTranslation();
@@ -55,7 +53,7 @@ export default function Minecraft(props) {
                 url.push('https://mc-heads.net/avatar/' + data.players.list[i])
               }
               for (var i in url){
-                list.push(<Image src={url[i]} key={i} className="inline" height="50" width="50" alt={i}/>)
+                list.push(<img src={url[i]} key={i} className="inline" height="50" width="50" alt={i}/>)
               }
               return <div>{list}</div>
             }

pages/components/Minecraft/Head.js

@@ -1,11 +1,10 @@
 import React, { useState, useEffect } from 'react';
-import Image from 'next/image'
 
 function App (props) {
   const uuid = props;
 
   return (
-    <Image
+    <img
         src={"https://crafatar.com/renders/body/" + uuid.uuid}
         width={110}
         height={250}