changed around to using .. and import

src/components/ceCard.astro

@@ -7,8 +7,8 @@ export interface Props {
 
 const {mlb, link, name } = Astro.props;
 
-const ce_img: string = `${Astro.site}/ce/${link}.webp`;
-const mlb_ce: string = `${Astro.site}/ce/mlb.webp`
+const ce_img: string = `../ce/${link}.webp`;
+const mlb_ce: string = `../ce/mlb.webp`
 let mlb_image: string = "mlbalign";
 
 if(mlb === "false") {

src/components/favouriteCard.astro

@@ -7,7 +7,7 @@ export interface Props {
 
 const {image, origin, name } = Astro.props;
 
-const img: string = `${Astro.site}/favourites/${image}.webp`;
+const img: string = `../favourites/${image}.webp`;
 
 ---
 

src/components/navbar.astro

@@ -1,5 +1,5 @@
 ---
-const headerimg = `${Astro.site}/link_192.png`
+import headerimg from "../../static/link_192.png"
 ---
 
 <header>

src/components/taCard.astro

@@ -7,7 +7,7 @@ export interface Props {
 
 const { image, link, title } = Astro.props;
 
-const icon: string = `background: url('${Astro.site}/ta_icons/${image}.webp')`
+const icon: string = `background: url('../ta_icons/${image}.webp')`
 ---
 <a href={link} target="_blank" rel="noopener noreferrer" aria-label={title}>
     <article>