Fix SVG display in the ramps page

src/components/ramps/RampFilter.module.scss

@@ -65,7 +65,7 @@
 .ramp-filter__toggle {
   width: 13px;
   height: 13px;
-  background-image: url("./assets/down-arrow.svg");
+  background-image: url("/src/img/ramps/down-arrow.svg");
   background-size: 13px 13px;
   background-position: center;
   background-repeat: no-repeat;
@@ -137,7 +137,7 @@
     display: inline-block;
     width: 15px;
     height: 15px;
-    background-image: url("./assets/check.svg");
+    background-image: url("/src/img/ramps/check.svg");
     background-size: 15px 15px;
     background-position: center;
     position: absolute;

src/components/ramps/Ramps.jsx

@@ -8,7 +8,6 @@ import { Accordion } from "react-bootstrap";
 import CommonMarkdown from "../sharedPageSections/CommonMarkdown";
 import ChevronDown from "../../../public/src/img/icons/Angle-down.inline.svg";
 import { useTranslation } from "next-i18next";
-import RampIconPlaceholder from "./assets/ramp-icon-placeholder.png";
 
 const Ramps = ({
   fiatAssets,
@@ -46,7 +45,7 @@ const Ramps = ({
     setGeneralModalData({
       title: ramp.title,
       websiteUrl: ramp.websiteUrl,
-      imageUrl: ramp.imageUrl || RampIconPlaceholder.src,
+      imageUrl: ramp.imageUrl,
     });
 
     setModalData([

src/components/ramps/RampsCard.jsx

@@ -1,5 +1,4 @@
 import styles from "./RampsCard.module.scss";
-import RampIconPlaceholder from "./assets/ramp-icon-placeholder.png";
 import Image from "next/image";
 import { useTranslation } from "next-i18next";
 
@@ -19,12 +18,7 @@ const RampsCard = ({
       onClick={showModalOnClick}
     >
       <div className={`${styles["ramps-card__icon-container"]}`}>
-        <Image
-          src={imageUrl ?? RampIconPlaceholder}
-          width={61}
-          height={61}
-          alt=""
-        />
+        <Image src={imageUrl} width={61} height={61} alt="" />
       </div>
       <h2 className={`${styles["ramps-card__title"]}`}>{title}</h2>
       <p className={`${styles["ramps-card__description"]}`}>{description}</p>

src/components/ramps/RampsSearch.module.scss

@@ -57,7 +57,7 @@
   height: 16px;
   position: absolute;
   right: 10px;
-  background-image: url("./assets/search-carbon.svg");
+  background-image: url("/src/img/ramps/search-carbon.svg");
   top: 50%;
   transform: translateY(-50%);
   z-index: 2;
@@ -68,7 +68,7 @@
   height: 40px;
   background-color: #9945ff;
   border-radius: 100%;
-  background-image: url("./assets/settings--adjust-carbon.svg");
+  background-image: url("/src/img/ramps/settings--adjust-carbon.svg");
   background-size: 20px 20px;
   background-position: center;
   background-repeat: no-repeat;