img clranup

src/components/Boats.jsx

@@ -1,5 +1,4 @@
 import { useId } from 'react';
-import Image from 'next/image';
 import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react';
 import clsx from 'clsx';
 
@@ -75,7 +74,7 @@ export default function Boats() {
                     {people.map((person) => (
                         <li key={person.name}>
                             <div className="relative aspect-[3/2] w-full rounded-lg overflow-hidden">
-                                <Image
+                                <img
                                     src={person.image}
                                     alt={person.name}
                                     layout="fill"