Home banners set up

src/components/Cards/HomeBannerOffersCard.jsx

@@ -5,10 +5,18 @@ import localImgLoad from "../../lib/localImgLoad";
 export default function HomeBannerOffersCard(props) {
     console.log("HomeBannerOffersCard-> ##->",props)
     const link_result = "/" + props.itemData.link_path;
+    var imgUrl = props.itemData.banner; //  ? this.state.nextImgSrc : this.state.song.imgSrc;
+    console.log("IMAGE FOR BANNER->",imgUrl);
+    var divStyle = {
+        backgroundImage: 'url(' + imgUrl + ')'
+    }
+    var linkDivStyle = "item w-full block group banner-630-340 " + divStyle;
+
+
     return (
         <Link
             to={link_result}
-            className="item w-full block group banner-630-340"
+            className={linkDivStyle}
         >
             <div className="flex flex-col justify-between h-full">
                 <div className="content flex justify-between items-center mb-5">

src/index.css

@@ -11,10 +11,12 @@
 }
 .siderCardHeader{
   margin: 40px 40px 10px 40px;
+  font-size: 24px;
+  font-weight: bolder;
 }
 .siderCardDescription{
-  margin: 30px;
+  margin: 20px 45px 10px 45px;
-  font-size: 24px;
+  font-size: 20px;
 }
 .siderCardButton{
   margin-top: 10px;