diff --git a/apps/remix-ide/src/assets/img/bgRemi_small.webp b/apps/remix-ide/src/assets/img/bgRemi_small.webp
new file mode 100644
index 0000000000..3423aa5bab
Binary files /dev/null and b/apps/remix-ide/src/assets/img/bgRemi_small.webp differ
diff --git a/apps/remix-ide/src/assets/img/remixRewardBetaTester_small.webp b/apps/remix-ide/src/assets/img/remixRewardBetaTester_small.webp
new file mode 100644
index 0000000000..9558dfa940
Binary files /dev/null and b/apps/remix-ide/src/assets/img/remixRewardBetaTester_small.webp differ
diff --git a/apps/remix-ide/src/assets/img/remixRewardUser_small.webp b/apps/remix-ide/src/assets/img/remixRewardUser_small.webp
new file mode 100644
index 0000000000..d4571ce333
Binary files /dev/null and b/apps/remix-ide/src/assets/img/remixRewardUser_small.webp differ
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
index f983b91ff5..8dd8698d9d 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
@@ -48,7 +48,7 @@ function HomeTabFeatured() {
                 </div>
               </div>
               <div className="mx-1 px-1 d-flex">
-                <img src={"assets/img/bgRemi.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
+                <img src={"assets/img/bgRemi_small.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
                 <div className="h6 w-50 p-4" style={{ flex: "1" }}>
                   <h5><FormattedMessage id='home.jumpIntoWeb3' /></h5>
                   
@@ -57,7 +57,7 @@ function HomeTabFeatured() {
                 </div>
               </div>
               <div className="mx-1 px-1 d-flex">
-                <img src={"/assets/img/remixRewardUser.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
+                <img src={"/assets/img/remixRewardUser_small.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
                 <div className="h6 w-50 p-4" style={{ flex: "1" }}>
                   <h5><FormattedMessage id='home.remixRewards' /></h5>
                   <p style={{ fontStyle: 'italic' }}><FormattedMessage id='home.remixRewardsText1' /></p>
@@ -66,7 +66,7 @@ function HomeTabFeatured() {
                 </div>
               </div>
               <div className="mx-1 px-1 d-flex">
-                <img src={"/assets/img/remixRewardBetaTester.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
+                <img src={"/assets/img/remixRewardBetaTester_small.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
                 <div className="h6 w-50 p-4" style={{ flex: "1" }}>
                   <h5><FormattedMessage id='home.betaTesting' /></h5>
                   <p style={{ fontStyle: 'italic' }}><FormattedMessage id='home.betaTestingText1' /></p>