diff --git a/src/components/ImageCard/ImageCard.tsx b/src/components/ImageCard/ImageCard.tsx
index cf2771f..86b96d5 100644
--- a/src/components/ImageCard/ImageCard.tsx
+++ b/src/components/ImageCard/ImageCard.tsx
@@ -1,9 +1,8 @@
 import styles from "./styles.module.scss"
-import { StaticImageData } from 'next/image'
 import Link from 'next/link'
 
 export type ImageCardProps = {
-  src: string | StaticImageData,
+  src: string,
   title: string,
   href: string
 }
@@ -11,7 +10,7 @@ export type ImageCardProps = {
 export const ImageCard = ({src, title, href}: ImageCardProps) => {
   return (
     <Link href={href}>
-      <div className={styles.container} style={{ backgroundImage: `url(${src})` }}>
+      <div className={styles.container} style={{ backgroundImage: `url(${encodeURI(src)})` }}>
         <div className={styles.title}>
           {title}
         </div>