diff --git a/src/components/Article/Article.Block.tsx b/src/components/Article/Article.Block.tsx
index c0d7ca2..400050b 100644
--- a/src/components/Article/Article.Block.tsx
+++ b/src/components/Article/Article.Block.tsx
@@ -22,7 +22,7 @@ export const RenderArticleBlock = ({
 }) => {
   switch (block.type) {
     case 'image':
-      return <ArticleImageBlockWrapper image={block} />
+      return <ArticleImageBlockWrapper image={block} order={block.order} />
     case 'text':
       switch (block.tagName) {
         case 'h1':
diff --git a/src/components/Article/Article.ImageBlockWrapper.tsx b/src/components/Article/Article.ImageBlockWrapper.tsx
index ca82525..4ddb749 100644
--- a/src/components/Article/Article.ImageBlockWrapper.tsx
+++ b/src/components/Article/Article.ImageBlockWrapper.tsx
@@ -5,11 +5,12 @@ import { lsdUtils } from '@/utils/lsd.utils'
 
 type Props = {
   image: LPE.Image.Document
+  order: number
 }
 
-export const ArticleImageBlockWrapper = ({ image }: Props) => {
+export const ArticleImageBlockWrapper = ({ image, order }: Props) => {
   return (
-    <Container>
+    <Container id={`i-${order}`}>
       <ResponsiveImage data={image} />
       <figcaption>{image.alt}</figcaption>
     </Container>
@@ -19,6 +20,7 @@ export const ArticleImageBlockWrapper = ({ image }: Props) => {
 const Container = styled.figure`
   margin: 0;
   padding: 0;
+
   figcaption {
     padding-top: 8px;
     ${lsdUtils.typography('body3')}
diff --git a/src/components/ContentBlock/ImageBlock.tsx b/src/components/ContentBlock/ImageBlock.tsx
index 6bc80a6..4f929fb 100644
--- a/src/components/ContentBlock/ImageBlock.tsx
+++ b/src/components/ContentBlock/ImageBlock.tsx
@@ -19,7 +19,7 @@ const ImageBlock = (props: Props) => {
 
   return (
     <Container>
-      <Link href={`/article/${document?.slug}#p-${order}`}>
+      <Link href={`/article/${document?.slug}#i-${order}`}>
         <ResponsiveImage data={data} />
       </Link>
       <ContentBlockHeader