2024-01-31 17:01:17 +00:00
5 changed files with 16 additions and 1 deletions
@@ -66,7 +66,22 @@ const Main = ({gredient}) => {
                                <div className="right_img position-relative d-flex flex-column justify-content-start align-items-center">
                                    <div className='d-flex flex-column justify-content-start align-items-center'>
                                        {/* <img className="moving_position_animatin right_img_one" src={img2} alt="image" /> */}
-                                        <img className="moving_position_animatin right_img_two" src={img3} alt="image" />
+                                        <img 
+                                            className="moving_position_animatin right_img_two" 
+                                            // src={img3} 
+                                            src={
+                                                activeImg == 'reward-goals' ? localImgLoad(`images/home/box-reward.png`)
+                                                :
+                                                activeImg == 'assign-chores' ? localImgLoad(`images/home/box-chores.png`)
+                                                :
+                                                activeImg == 'financial-edu' ? localImgLoad(`images/home/box-financial.png`)
+                                                :
+                                                activeImg == 'family-connect' ? localImgLoad(`images/home/box-family.png`)
+                                                :
+                                                null
+                                            } 
+                                            alt="image" 
+                                        />
                                    </div>
                                    <img 
                                        className="moving_position_animatin right_img_three position-relative"