diff --git a/src/components/Image.astro b/src/components/Image.astro
index a446658..de35a7e 100644
--- a/src/components/Image.astro
+++ b/src/components/Image.astro
@@ -1,22 +1,28 @@
 ---
 import cx from 'classnames';
-import { Image } from '@astrojs/image/components';
-import type { ImageComponentLocalImageProps } from '@astrojs/image/components';
 
-interface Props extends ImageComponentLocalImageProps {
+import { Img } from 'astro-imagetools/components';
+import type { ImgConfigOptions } from 'astro-imagetools';
+
+interface Props extends ImgConfigOptions {
 	class?: string;
 	noMargin?: boolean;
-	slot?: string;
+	src: string;
 }
 
-const { class: className, noMargin, ...props } = Astro.props;
+const { class: className, noMargin, src, ...props } = Astro.props;
 
 const classes = cx('image-shadow mbe-10 mbs-0', { 'mbe-0': noMargin }, className);
+const imageClasses =
+	'rounded-1 border-1 block h-auto w-full border-solid border-black/[0.1] bg-black/[0.1] shadow shadow-black/10 dark:border-white/[0.1] dark:opacity-[0.87] dark:shadow-white/10';
 ---
 
 <div class={classes}>
-	<Image
-		class="block h-auto w-full rounded-1 border-1 border-solid border-black/[0.1] bg-black/[0.1] shadow shadow-black/10 dark:border-white/[0.1] dark:opacity-[0.87] dark:shadow-white/10"
-		{...props}
-	/>
+	{
+		src.includes('.svg') ? (
+			<img class={imageClasses} src={src} {...(props as any)} />
+		) : (
+			<Img class={imageClasses} src={src} {...props} />
+		)
+	}
 </div>