meh

src/components/sections/Breadcrumb.jsx

@@ -1,9 +1,18 @@
 import { Link } from 'react-router-dom'
 
-export default function Breadcrumb({ title, items = [] }) {
+export default function Breadcrumb({ title, items = [], bgImage }) {
   return (
     <div className="breadcumb-banner">
-      <div className="breadcumb-wrapper" id="breadcumbwrap">
+      <div
+        className="breadcumb-wrapper"
+        id="breadcumbwrap"
+        style={{
+          backgroundImage: `url(${bgImage || '/assets/images/breadcumb-bg.jpg'})`,
+          backgroundPosition: 'center center',
+          backgroundRepeat: 'no-repeat',
+          backgroundSize: 'cover'
+        }}
+      >
         <div className="container">
           <div className="breadcumb-content">
             <h1 className="breadcumb-title">{title}</h1>