diff --git a/src/components/common/CardBlog/CardBlog.module.scss b/src/components/common/CardBlog/CardBlog.module.scss
index 6e62ed5ff..f9d1b58e5 100644
--- a/src/components/common/CardBlog/CardBlog.module.scss
+++ b/src/components/common/CardBlog/CardBlog.module.scss
@@ -4,8 +4,6 @@
     @apply inline-flex flex-col justify-start;
     max-width: 39.2rem;
     .image {
-        width: 100%;
-        max-height: 22rem;
         border-radius: 2.4rem;
         &:hover {
             cursor: pointer;
@@ -13,6 +11,9 @@
         img{
             border-radius: 2.4rem;
         }
+        > div{
+            min-height: 22rem;
+        }
     }
     .title {
         padding: 1.6rem 0.8rem 0.4rem 0.8rem;
diff --git a/src/components/common/CardBlog/CardBlog.tsx b/src/components/common/CardBlog/CardBlog.tsx
index 314a6a1fd..a44f45494 100644
--- a/src/components/common/CardBlog/CardBlog.tsx
+++ b/src/components/common/CardBlog/CardBlog.tsx
@@ -2,7 +2,9 @@ import Link from 'next/link'
 import React from 'react'
 import { ROUTE } from 'src/utils/constanst.utils'
 import { BlogProps } from 'src/utils/types.utils'
+import { ImgWithLink } from '..'
 import s from './CardBlog.module.scss'
+
 export interface BlogCardProps extends BlogProps {
   // todo: edit when intergrate API
 
@@ -14,7 +16,7 @@ const CardBlog = ({ imageSrc, title, description, slug }: BlogCardProps) => {
       <Link href={`${ROUTE.BLOG_DETAIL}/${slug}`}>
         <a>
           <div className={s.image}>
-            <img src={imageSrc} alt="image cardblog" />
+            <ImgWithLink src={imageSrc} alt="image cardblog" />
           </div>
         </a>
       </Link>
diff --git a/src/components/common/RelevantBlogPosts/RelevantBlogPosts.tsx b/src/components/common/RelevantBlogPosts/RelevantBlogPosts.tsx
index 1d71a6ca1..ab21590c3 100644
--- a/src/components/common/RelevantBlogPosts/RelevantBlogPosts.tsx
+++ b/src/components/common/RelevantBlogPosts/RelevantBlogPosts.tsx
@@ -1,6 +1,3 @@
-import image15 from '../../../../public/assets/images/image15.png'
-import image16 from '../../../../public/assets/images/image16.png'
-import image17 from '../../../../public/assets/images/image17.png'
 import classNames from 'classnames'
 import React from 'react'
 import {  HeadingCommon, ViewAllItem } from 'src/components/common'
@@ -22,32 +19,32 @@ const recipe:BlogCardProps[] = [
     title: "Want to Lose Weight? Here are 10 DEBM Diet Guidelines for Beginners",
     slug: 'have-a-nice-lunch',
     description:"The DEBM diet stands for "+'"Delicious Happy Fun Diet"'+". This diet was popularized by Robert...",
-    imageSrc: image15.src,
+    imageSrc: "https://user-images.githubusercontent.com/46085455/133185783-8100ef4e-7a72-4dc1-bb12-2ca46b56b393.png",
 },{
     title: "9 Ways to Make an Aloe Vera Mask at Home",
     slug: 'have-a-nice-lunch',
     description:"Aloe vera or  aloe vera  is a green plant, has thorns on the side of the skin with yellowish patches and...",
-    imageSrc: image16.src,
+    imageSrc: "https://user-images.githubusercontent.com/46085455/133185911-df505d10-fdcd-4312-add3-7c62ad8af71e.png",
 },{
     title: "Don't Buy Wrong, Here Are 7 Ways to Choose a Ripe Dragon Fruit",
     slug: 'have-a-nice-lunch',
     description:"Dragon fruit is a type of fruit that is a favorite for many people because of its delicious and fresh...",
-    imageSrc: image17.src,
+    imageSrc: "https://user-images.githubusercontent.com/46085455/133185959-7ad75580-ca6d-4684-83d9-3f64500bbc97.png",
 },{
     title: "Want to Lose Weight? Here are 10 DEBM Diet Guidelines for Beginners",
     slug: 'have-a-nice-lunch',
     description:"The DEBM diet stands for "+'"Delicious Happy Fun Diet"'+". This diet was popularized by Robert...",
-    imageSrc: image15.src,
+    imageSrc: "https://user-images.githubusercontent.com/46085455/133185783-8100ef4e-7a72-4dc1-bb12-2ca46b56b393.png",
 },{
     title: "9 Ways to Make an Aloe Vera Mask at Home",
     slug: 'have-a-nice-lunch',
     description:"Aloe vera or  aloe vera  is a green plant, has thorns on the side of the skin with yellowish patches and...",
-    imageSrc: image16.src,
+    imageSrc: "https://user-images.githubusercontent.com/46085455/133185911-df505d10-fdcd-4312-add3-7c62ad8af71e.png",
 },{
     title: "Don't Buy Wrong, Here Are 7 Ways to Choose a Ripe Dragon Fruit",
     slug: 'have-a-nice-lunch',
     description:"Dragon fruit is a type of fruit that is a favorite for many people because of its delicious and fresh...",
-    imageSrc: image17.src,
+    imageSrc: "https://user-images.githubusercontent.com/46085455/133185959-7ad75580-ca6d-4684-83d9-3f64500bbc97.png",
 }]
 
   const RelevantBlogPosts = ({ data = recipe, itemKey="detail-relevant", title="Relevant Blog Posts", bgcolor = "default" }: RelevantProps) => {
diff --git a/src/components/modules/blogs/BlogsList/BlogsList.tsx b/src/components/modules/blogs/BlogsList/BlogsList.tsx
index 536aa4afd..9b7ddc1e0 100644
--- a/src/components/modules/blogs/BlogsList/BlogsList.tsx
+++ b/src/components/modules/blogs/BlogsList/BlogsList.tsx
@@ -3,12 +3,6 @@ import CardBlog, { BlogCardProps } from 'src/components/common/CardBlog/CardBlog
 import PaginationCommon from 'src/components/common/PaginationCommon/PaginationCommon'
 import s from "./BlogsList.module.scss"
 import { DEFAULT_BLOG_PAGE_SIZE } from 'src/utils/constanst.utils'
-import image15 from '../../../../../public/assets/images/image15.png'
-import image16 from '../../../../../public/assets/images/image16.png'
-import image17 from '../../../../../public/assets/images/image17.png'
-import image21 from '../../../../../public/assets/images/image21.png'
-import image22 from '../../../../../public/assets/images/image22.png'
-import image23 from '../../../../../public/assets/images/image23.png'
 
 interface BlogsListProps {
     data?: BlogCardProps[],
@@ -16,109 +10,109 @@ interface BlogsListProps {
 
 const BLOGSLIST_DATA = [
     {
-      imageSrc: image15.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133185783-8100ef4e-7a72-4dc1-bb12-2ca46b56b393.png",
       title: "1",
       description: "The DEBM diet stands for "+"Delicious Happy Fun Diet"+". This diet was popularized by Robert...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image16.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133185911-df505d10-fdcd-4312-add3-7c62ad8af71e.png",
       title: "2",
       description: "Aloe vera or  aloe vera  is a green plant, has thorns on the side of the skin with yellowish patches and...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image17.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133185959-7ad75580-ca6d-4684-83d9-3f64500bbc97.png",
       title: "3",
       description: "Dragon fruit is a type of fruit that is a favorite for many people because of its delicious and fresh...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image21.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133186410-d8718d90-82fb-46cb-a0f2-0ec96356ae89.png",
       title: "4",
       description: "The DEBM diet stands for "+"Delicious Happy Fun Diet"+". This diet was popularized by Robert...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image22.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133186474-b2d89bbc-32ed-4174-a05e-3d388c0a39ff.png",
       title: "5",
       description: "Aloe vera or  aloe vera  is a green plant, has thorns on the side of the skin with yellowish patches and...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image23.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133186545-d860f4ee-222c-4d72-a876-808af0f397a0.png",
       title: "6",
       description: "Dragon fruit is a type of fruit that is a favorite for many people because of its delicious and fresh...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image15.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133185783-8100ef4e-7a72-4dc1-bb12-2ca46b56b393.png",
       title: "7",
       description: "The DEBM diet stands for "+"Delicious Happy Fun Diet"+". This diet was popularized by Robert...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image16.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133185911-df505d10-fdcd-4312-add3-7c62ad8af71e.png",
       title: "8",
       description: "Aloe vera or  aloe vera  is a green plant, has thorns on the side of the skin with yellowish patches and...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image17.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133185959-7ad75580-ca6d-4684-83d9-3f64500bbc97.png",
       title: "9",
       description: "Dragon fruit is a type of fruit that is a favorite for many people because of its delicious and fresh...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image23.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133186545-d860f4ee-222c-4d72-a876-808af0f397a0.png",
       title: "10",
       description: "Dragon fruit is a type of fruit that is a favorite for many people because of its delicious and fresh...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image21.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133186410-d8718d90-82fb-46cb-a0f2-0ec96356ae89.png",
       title: "11",
       description: "The DEBM diet stands for "+"Delicious Happy Fun Diet"+". This diet was popularized by Robert...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image22.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133186474-b2d89bbc-32ed-4174-a05e-3d388c0a39ff.png",
       title: "12",
       description: "Aloe vera or  aloe vera  is a green plant, has thorns on the side of the skin with yellowish patches and...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image15.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133185783-8100ef4e-7a72-4dc1-bb12-2ca46b56b393.png",
       title: "13",
       description: "The DEBM diet stands for "+"Delicious Happy Fun Diet"+". This diet was popularized by Robert...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image16.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133185911-df505d10-fdcd-4312-add3-7c62ad8af71e.png",
       title: "14",
       description: "Aloe vera or  aloe vera  is a green plant, has thorns on the side of the skin with yellowish patches and...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image17.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133185959-7ad75580-ca6d-4684-83d9-3f64500bbc97.png",
       title: "15",
       description: "Dragon fruit is a type of fruit that is a favorite for many people because of its delicious and fresh...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image21.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133186410-d8718d90-82fb-46cb-a0f2-0ec96356ae89.png",
       title: "16",
       description: "The DEBM diet stands for "+"Delicious Happy Fun Diet"+". This diet was popularized by Robert...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image23.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133186545-d860f4ee-222c-4d72-a876-808af0f397a0.png",
       title: "17",
       description: "Dragon fruit is a type of fruit that is a favorite for many people because of its delicious and fresh...",
       slug: "happy-diet"
     },
     {
-      imageSrc: image22.src,
+      imageSrc: "https://user-images.githubusercontent.com/46085455/133186474-b2d89bbc-32ed-4174-a05e-3d388c0a39ff.png",
       title: "18",
       description: "Aloe vera or  aloe vera  is a green plant, has thorns on the side of the skin with yellowish patches and...",
       slug: "happy-diet"
diff --git a/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss b/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
index 6fb16450c..f8e2ff3e8 100644
--- a/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
+++ b/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
@@ -11,13 +11,15 @@
     }
 }
 .left {
-    max-width: 59.8rem;
-    img {
-        border-radius: 2.4rem;
+    > div{
+        min-width: 59.8rem;
+        min-height: 33.6rem;
+        img {
+            border-radius: 2.4rem;
+        }
     }
 }
 .right {
-    flex-shrink: 3;
     @screen lg {
         margin-left: 6.4rem;
     }
diff --git a/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.tsx b/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.tsx
index 2bd158d79..ec90633d8 100644
--- a/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.tsx
+++ b/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.tsx
@@ -1,14 +1,11 @@
 import s from './FeaturedCardBlog.module.scss'
-import { Author, DateTime } from 'src/components/common'
-import Image from "next/image";
-import image20 from '../../../../../public/assets/images/image20.png'
-import author from '../../../../../public/assets/images/author.png'
+import { Author, DateTime, ImgWithLink } from 'src/components/common'
 
 interface FeaturedCardBlogProps{
     title?: string,
     content?: string,
-    imgSrc?: any,
-    imgAuthor?: any,
+    imgSrc?: string,
+    imgAuthor?: string,
     date?: string,
     authorName?: string,
 }
@@ -16,8 +13,8 @@ interface FeaturedCardBlogProps{
 const FEATURED_DATA = {
     title: "Flammekueche with green asparagus",
     content: "Traditionally, the Flammekueche is made with rapeseed oil, which, contrary to popular belief, is indeed an oil that can be cooked hot and is not limited to seasoning. It is important to vary the oils in the kitchen to take advantage of the benefits of each. Rapeseed oil is an oil rich in omega 3 which participate in the proper functioning of the cardiovascular system as well as in vitamins E which contributes to the protection of cells against oxidative stress. In short, oils are your friends 😉",
-    imgSrc: image20,
-    imgAuthor: author.src,
+    imgSrc: "https://user-images.githubusercontent.com/46085455/133186666-1ea8081f-4319-4617-8644-d20ed14b1825.png",
+    imgAuthor: "https://user-images.githubusercontent.com/46085455/133186783-d0c71d43-b7bc-44b6-b560-818c71bd162f.png",
     date: "APRIL 30, 2021",
     author: "Alessandro Del Piero"
 }
@@ -34,7 +31,7 @@ const FeaturedCardBlog = ({
         <section className={s.featuredCard}>
             <div className={s.featuredCardWrapper}>
                 <div className={s.left}>
-                    <Image src={imgSrc} alt="image feature card"/>
+                    <ImgWithLink src={imgSrc} alt="image feature card"/>
                 </div>
                 <div className={s.right}>
                     <div className={s.titleWrapper}>