diff --git a/src/components/Cards/HomeBannerOffersCard.jsx b/src/components/Cards/HomeBannerOffersCard.jsx
index 1752a73..ed25bd6 100644
--- a/src/components/Cards/HomeBannerOffersCard.jsx
+++ b/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">
diff --git a/src/index.css b/src/index.css
index f5e1d62..c8f46b3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -11,10 +11,12 @@
 }
 .siderCardHeader{
   margin: 40px 40px 10px 40px;
+  font-size: 24px;
+  font-weight: bolder;
 }
 .siderCardDescription{
-  margin: 30px;
-  font-size: 24px;
+  margin: 20px 45px 10px 45px;
+  font-size: 20px;
 }
 .siderCardButton{
   margin-top: 10px;