Index: frontend/src/pages/LandingPage.tsx
===================================================================
--- frontend/src/pages/LandingPage.tsx	(revision d85e8e3419687c3f5cbf69da39b1abc4a8362f1d)
+++ frontend/src/pages/LandingPage.tsx	(revision f5bc95e4a628b62884f4631d8a118a9790052953)
@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import axiosInstance from "../api/axiosInstance";
+import axiosInstance, { baseURL } from "../api/axiosInstance";
 import AlbumResult from "../components/search/AlbumResult";
 import SongResult from "../components/search/SongResult";
@@ -337,5 +337,9 @@
 												<div className="relative w-full pt-[100%] overflow-hidden bg-[#181818]">
 													<img
-														src={song.cover || "/favicon.png"}
+														src={
+															song.cover
+																? `${baseURL}/${song.cover}`
+																: "/favicon.png"
+														}
 														alt={song.title}
 														className="absolute top-0 left-0 w-full h-full object-cover"
Index: frontend/src/pages/MusicalCollection.tsx
===================================================================
--- frontend/src/pages/MusicalCollection.tsx	(revision d85e8e3419687c3f5cbf69da39b1abc4a8362f1d)
+++ frontend/src/pages/MusicalCollection.tsx	(revision f5bc95e4a628b62884f4631d8a118a9790052953)
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
 import { Link, useParams } from "react-router-dom";
-import axiosInstance from "../api/axiosInstance";
+import axiosInstance, { baseURL } from "../api/axiosInstance";
 import SongItem from "../components/SongItem";
 import { handleError } from "../utils/error";
@@ -161,5 +161,9 @@
 						<div className="relative w-full pt-[100%] rounded-xl overflow-hidden shadow-2xl bg-[#181818]">
 							<img
-								src={collection.cover || "/favicon.png"}
+								src={
+									collection.cover
+										? `${baseURL}/${collection.cover}`
+										: "/favicon.png"
+								}
 								alt={collection.title}
 								className="absolute inset-0 w-full h-full object-cover"
Index: frontend/src/pages/SongDetail.tsx
===================================================================
--- frontend/src/pages/SongDetail.tsx	(revision d85e8e3419687c3f5cbf69da39b1abc4a8362f1d)
+++ frontend/src/pages/SongDetail.tsx	(revision f5bc95e4a628b62884f4631d8a118a9790052953)
@@ -2,5 +2,5 @@
 import { Link, useParams } from "react-router-dom";
 import { toast } from "react-toastify";
-import axiosInstance from "../api/axiosInstance";
+import axiosInstance, { baseURL } from "../api/axiosInstance";
 import { useAuth } from "../context/authContext";
 import { usePlayer } from "../context/playerContext";
@@ -216,5 +216,5 @@
 						<div className="relative w-full pt-[100%] rounded-xl overflow-hidden shadow-2xl bg-[#181818]">
 							<img
-								src={song.cover || "/favicon.png"}
+								src={song.cover ? `${baseURL}/${song.cover}` : "/favicon.png"}
 								alt={song.title}
 								className="absolute inset-0 w-full h-full object-cover"