diff --git a/src/features/PassSurvey/ui/SurveyLayout.tsx b/src/features/PassSurvey/ui/SurveyLayout.tsx
index ed0388d0a..1227b6e77 100644
--- a/src/features/PassSurvey/ui/SurveyLayout.tsx
+++ b/src/features/PassSurvey/ui/SurveyLayout.tsx
@@ -32,6 +32,8 @@ const SurveyLayout = (props: Props) => {
         title={props.title}
       />
 
+      <Banners />
+
       <Box
         id="assessment-content-container"
         display="flex"
@@ -39,7 +41,6 @@ const SurveyLayout = (props: Props) => {
         flexDirection="column"
         overflow="scroll"
       >
-        <Banners />
         <Box display="flex" flex={1} justifyContent="center">
           {props.children}
         </Box>
diff --git a/src/i18n/en/translation.json b/src/i18n/en/translation.json
index 0fa7061b8..214250605 100644
--- a/src/i18n/en/translation.json
+++ b/src/i18n/en/translation.json
@@ -310,6 +310,7 @@
     },
     "charactersCount": "{{numCharacters}}/{{maxCharacters}} characters",
     "targetSubjectLabel": "About {{name}}",
-    "targetSubjectBanner": "Please ensure all your responses are about <strong>{{name}}</strong>"
+    "targetSubjectBanner": "Please ensure all your responses are about <strong>{{name}}</strong>",
+    "loading": "Loading…"
   }
 }
diff --git a/src/i18n/fr/translation.json b/src/i18n/fr/translation.json
index ae36e8942..2879a7ae1 100644
--- a/src/i18n/fr/translation.json
+++ b/src/i18n/fr/translation.json
@@ -329,6 +329,7 @@
     },
     "charactersCount": "{{numCharacters}}/{{maxCharacters}} caractères",
     "targetSubjectLabel": "À propos de {{name}}",
-    "targetSubjectBanner": "Assurez-vous que toutes vos réponses concernent <strong>{{name}}</strong>"
+    "targetSubjectBanner": "Assurez-vous que toutes vos réponses concernent <strong>{{name}}</strong>",
+    "loading": "Chargement en cours..."
   }
 }
diff --git a/src/shared/ui/CardItem/TargetSubjectLine.tsx b/src/shared/ui/CardItem/TargetSubjectLine.tsx
new file mode 100644
index 000000000..b34192d88
--- /dev/null
+++ b/src/shared/ui/CardItem/TargetSubjectLine.tsx
@@ -0,0 +1,22 @@
+import { SubjectDTO } from '~/shared/api/types/subject';
+import { Box } from '~/shared/ui';
+import { TargetSubjectLabel } from '~/widgets/TargetSubjectLabel';
+
+type Props = {
+  subject: SubjectDTO | null;
+};
+
+export const TargetSubjectLine = ({ subject }: Props) => {
+  if (!subject) return null;
+
+  return (
+    <Box
+      sx={{
+        '&:not(:first-child)': { mt: 4.8 },
+        mb: 1.2,
+      }}
+    >
+      <TargetSubjectLabel subject={subject} />
+    </Box>
+  );
+};
diff --git a/src/shared/ui/CardItem/index.tsx b/src/shared/ui/CardItem/index.tsx
index bb3433255..0581825fe 100644
--- a/src/shared/ui/CardItem/index.tsx
+++ b/src/shared/ui/CardItem/index.tsx
@@ -1,11 +1,11 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, useContext, useMemo } from 'react';
 
-import { Theme } from '../../constants';
-import { useCustomMediaQuery, useCustomTranslation } from '../../utils';
+import { TargetSubjectLine } from './TargetSubjectLine';
 
-import { Markdown } from '~/shared/ui';
-import Box from '~/shared/ui/Box';
-import Text from '~/shared/ui/Text';
+import { SurveyContext } from '~/features/PassSurvey';
+import { Theme } from '~/shared/constants';
+import { Box, Markdown, Text } from '~/shared/ui';
+import { insertAfterMedia, useCustomMediaQuery, useCustomTranslation } from '~/shared/utils';
 
 interface CardItemProps extends PropsWithChildren {
   watermark?: string;
@@ -20,6 +20,14 @@ export const CardItem = ({ children, markdown, isOptional, testId }: CardItemPro
 
   const { t } = useCustomTranslation();
 
+  const context = useContext(SurveyContext);
+
+  const processedMarkdown = useMemo(() => {
+    if (!context.targetSubject) return markdown;
+
+    return insertAfterMedia(markdown, '<div id="target-subject"></div>');
+  }, [markdown, context.targetSubject]);
+
   return (
     <Box
       data-testid={testId || 'active-item'}
@@ -31,7 +39,17 @@ export const CardItem = ({ children, markdown, isOptional, testId }: CardItemPro
       sx={{ fontFamily: 'Atkinson', fontWeight: '400', fontSize: '18px', lineHeight: '28px' }}
     >
       <Box>
-        <Markdown markdown={markdown} />
+        <Markdown
+          markdown={processedMarkdown}
+          components={{
+            div: (props) =>
+              props.id === 'target-subject' ? (
+                <TargetSubjectLine subject={context.targetSubject} />
+              ) : (
+                <div {...props} />
+              ),
+          }}
+        />
         {isOptional && (
           <Text
             variant="body1"
diff --git a/src/shared/ui/Markdown/index.tsx b/src/shared/ui/Markdown/index.tsx
index 24cdb3af3..07e99af6f 100644
--- a/src/shared/ui/Markdown/index.tsx
+++ b/src/shared/ui/Markdown/index.tsx
@@ -1,25 +1,30 @@
 import ReactMarkdown from 'react-markdown';
+import { ReactMarkdownOptions } from 'react-markdown/lib/react-markdown';
 import rehypeRaw from 'rehype-raw';
 import remarkGfm from 'remark-gfm';
 
 import { useMarkdownExtender } from './lib/useMarkdownExtender';
 
 import './style.css';
+import { useCustomTranslation } from '~/shared/utils';
 
-interface MarkdownProps {
+type MarkdownProps = Omit<ReactMarkdownOptions, 'children'> & {
   markdown: string;
-}
+};
 
-export const Markdown = (props: MarkdownProps) => {
-  const { isLoading, markdown } = useMarkdownExtender(props.markdown);
+export const Markdown = ({ markdown: markdownProp, ...rest }: MarkdownProps) => {
+  const { t } = useCustomTranslation();
+  const { isLoading, markdown } = useMarkdownExtender(markdownProp);
 
   if (isLoading) {
-    return <div>Loading...</div>;
+    return <div>{t('loading')}</div>;
   }
 
   return (
     <div id="markdown-wrapper" data-testid="markdown">
-      <ReactMarkdown rehypePlugins={[rehypeRaw, remarkGfm]}>{markdown}</ReactMarkdown>
+      <ReactMarkdown rehypePlugins={[rehypeRaw, remarkGfm]} {...rest}>
+        {markdown}
+      </ReactMarkdown>
     </div>
   );
 };
diff --git a/src/shared/utils/helpers/index.ts b/src/shared/utils/helpers/index.ts
index 5027f16d8..5511c0113 100644
--- a/src/shared/utils/helpers/index.ts
+++ b/src/shared/utils/helpers/index.ts
@@ -7,3 +7,4 @@ export * from './getInitials';
 export * from './delay';
 export * from './cutString';
 export * from './getSubjectName';
+export * from './insertAfterMedia';
diff --git a/src/shared/utils/helpers/insertAfterMedia.ts b/src/shared/utils/helpers/insertAfterMedia.ts
new file mode 100644
index 000000000..1c76b3c35
--- /dev/null
+++ b/src/shared/utils/helpers/insertAfterMedia.ts
@@ -0,0 +1,31 @@
+/**
+ * Inserts the given string into the given markdown after the first line containing content
+ * that does not contain solely media.
+ *
+ * @param markdown Markdown content to parse
+ * @param inserted Inserted string
+ * @returns Processed markdown with string inserted
+ */
+export const insertAfterMedia = (markdown: string, inserted: string) => {
+  const lines = markdown.split('\n');
+  // Stop at first line containing content that is not:
+  // - solely a media element (<img>/<video>/<audio>/![...](...))
+  // - a media element wrapped in an alignment block (::: hljs-* ... :::)
+  let i: number;
+  for (i = 0; i < lines.length; i++) {
+    const lineWithoutMedia = lines[i]
+      .replaceAll(/^:::\s+hljs-\S+|:::$|<(img|video|audio)[^>]+>|!\[[^\]]*\]\([^)]*\)/gi, '')
+      .trim();
+    if (lineWithoutMedia) break;
+  }
+
+  if (i === lines.length) {
+    // Append string to bottom if no lines containing non-media content were found
+    lines.push(inserted);
+  } else {
+    // Else insert string before line containing non-media content
+    lines.splice(i, 0, inserted);
+  }
+
+  return lines.join('\n');
+};
diff --git a/src/widgets/TargetSubjectLabel/index.tsx b/src/widgets/TargetSubjectLabel/index.tsx
index 67b7024a3..077bc4672 100644
--- a/src/widgets/TargetSubjectLabel/index.tsx
+++ b/src/widgets/TargetSubjectLabel/index.tsx
@@ -19,7 +19,7 @@ export const TargetSubjectLabel = ({ subject }: Props) => {
     <Box
       data-testid="subject-label"
       sx={{
-        display: 'flex',
+        display: 'inline-flex',
         alignItems: 'center',
         padding: '4px 8px',
         borderRadius: '8px',