diff --git a/pages/404.js b/pages/404.js
index 5fee1870..bea32c6b 100644
--- a/pages/404.js
+++ b/pages/404.js
@@ -1,11 +1,11 @@
-import Image from 'next/image'
+import { Image } from 'react-bootstrap'
 import LayoutCenter from '../components/layout-center'
 import styles from '../styles/404.module.css'
 
 export default function fourZeroFour () {
   return (
     <LayoutCenter>
-      <Image width='500' height='376' src='/maze.gif' />
+      <Image width='500' height='376' src='/maze.gif' fluid />
       <h1 className={styles.fourZeroFour}><span>404</span><span className={styles.notFound}>page not found</span></h1>
     </LayoutCenter>
   )
diff --git a/pages/500.js b/pages/500.js
index 419ddc08..b81b27ab 100644
--- a/pages/500.js
+++ b/pages/500.js
@@ -1,11 +1,11 @@
-import Image from 'next/image'
+import { Image } from 'react-bootstrap'
 import LayoutCenter from '../components/layout-center'
 import styles from '../styles/404.module.css'
 
 export default function fourZeroFour () {
   return (
     <LayoutCenter>
-      <Image width='500' height='375' src='/falling.gif' />
+      <Image width='500' height='375' src='/falling.gif' fluid />
       <h1 className={styles.fourZeroFour}><span>500</span><span className={styles.notFound}>server error</span></h1>
     </LayoutCenter>
   )