fix: correct relative import path for academy-catalog.gif

Signed-off-by: ITACHI161105 <utkarsha137@gmail.com>

Author: UtkarshAnandd

src/components/Academy/Features-Section/AcademyFeaturesCarousel.js

@@ -1,15 +1,15 @@
 import React, { useState } from "react";
 import styled from "styled-components";
 import PopOutCard from "../../PopOutCardCarousel";
-import Levels from "/static/images/academy-catalog.gif";
+import Levels from "../../../../static/images/academy-catalog.gif";
 import Challenges from "./challenges.webp";
 import Badges from "./badges.webp";
 import Track from "./track.webp";
 
 const CONTENT = [
   {
     title: "Structured Learning Paths",
-    img: "/images/academy-catalog.gif",
+    img: Levels,
     description:
       "Comprehensive DevOps learning paths designed for different skill levels — from beginner to advanced. Master Kubernetes, cloud and cloud native technologies with hands-on experience.",
   },

src/components/Academy/Features-Section/AcademyFeaturesMobileSwiper.js

@@ -5,15 +5,15 @@ import "swiper/css";
 import "swiper/css/effect-cards";
 import { EffectCards, Pagination, Navigation, Autoplay } from "swiper/modules";
 import styled from "styled-components";
-import Levels from "/static/images/academy-catalog.gif";
+import Levels from "../../../../static/images/academy-catalog.gif";
 import Challenges from "./challenges.webp";
 import Badges from "./badges.webp";
 import Track from "./track.webp";
 
 const CONTENT = [
   {
     title: "Structured Learning Paths",
-    img: "/images/academy-catalog.gif",
+    img: Levels,
     description:
       "Comprehensive DevOps learning paths designed for different skill levels — from beginner to advanced. Master Kubernetes, cloud and cloud native technologies with hands-on experience.",
     gradient: "one",