diff --git a/src/pages/next.astro b/src/pages/next.astro
index 5b1d84d..3e5696e 100644
--- a/src/pages/next.astro
+++ b/src/pages/next.astro
@@ -1,15 +1,17 @@
 ---
 import Layout from '../layouts/Layout.astro'
 import Button from '../builtin-components/Button/Button.tsx'
-import { Picture } from 'astro:assets'
-import sample from '/src/images/sample.avif'
+import Image from '../builtin-components/Image/Image'
 ---
 
 <Layout title="Home">
   <main class="page">
     <h1>Second Page</h1>
     <Button label="Back to Home" to="/" />
-    <Picture class="image" src={sample} alt="Example Image" width={400} quality={85} formats={['avif', 'webp']} />
+
+    <section class="image">
+      <Image src="sample.png" alt="Example Image" size={400} />
+    </section>
   </main>
 </Layout>
 
@@ -21,6 +23,7 @@ import sample from '/src/images/sample.avif'
     justify-content: center
     align-items: center
     margin: 2rem
+    height: auto
 
   .image
     margin: 2rem 0 0 0