diff --git a/src/components/HeroHeadline/HeroHeadline.stories.svelte b/src/components/HeroHeadline/HeroHeadline.stories.svelte
index 6a2d3c62..320f677f 100644
--- a/src/components/HeroHeadline/HeroHeadline.stories.svelte
+++ b/src/components/HeroHeadline/HeroHeadline.stories.svelte
@@ -33,7 +33,6 @@
   import Block from '../Block/Block.svelte';
   import SiteHeader from '../SiteHeader/SiteHeader.svelte';
   import GraphicBlock from '../GraphicBlock/GraphicBlock.svelte';
-  import FeaturePhoto from '../FeaturePhoto/FeaturePhoto.svelte';
   import Video from '../Video/Video.svelte';
 
   import CrashMap from './demo/graphics/crash.svelte';
@@ -56,27 +55,6 @@
   />
 </Story>
 
-<Story name="Feature photo hero" exportName="FeaturePhotoHero">
-  <Block width="fluid" class="chromatic-ignore">
-    <SiteHeader />
-  </Block>
-  <HeroHeadline
-    section="World News"
-    hed="Reuters Graphics Interactive"
-    dek="The beginning of a beautiful page"
-    authors={['Jane Doe', 'John Doe']}
-    publishTime={new Date('2022-03-04').toISOString()}
-  >
-    <FeaturePhoto
-      width="widest"
-      class="my-0"
-      src={polarImgSrc}
-      caption="Photo by REUTERS."
-      altText="A photo of a polar bear."
-    />
-  </HeroHeadline>
-</Story>
-
 <Story name="Transparent header" exportName="TransparentHeader">
   <div class="transparent-header">
     <Block width="fluid" class="chromatic-ignore">
diff --git a/src/components/HeroHeadline/HeroHeadline.svelte b/src/components/HeroHeadline/HeroHeadline.svelte
index 6ff5695f..9f04c038 100644
--- a/src/components/HeroHeadline/HeroHeadline.svelte
+++ b/src/components/HeroHeadline/HeroHeadline.svelte
@@ -9,6 +9,7 @@
   import PaddingReset from '../PaddingReset/PaddingReset.svelte';
   import Headline from '../Headline/Headline.svelte';
   import Byline from '../Byline/Byline.svelte';
+  import FeaturePhoto from '../FeaturePhoto/FeaturePhoto.svelte';
 
   export interface Props {
     /** Headline, parsed as an _inline_ markdown string in an `h1` element OR as a custom snippet. */
@@ -182,10 +183,13 @@
               {notes}
               {ariaDescription}
             >
-              <div
-                class="background-image"
-                style="background-image: url({img})"
-              ></div>
+              <FeaturePhoto
+                class="my-0"
+                width="fluid"
+                src={img}
+                caption={notes}
+                altText={ariaDescription || ''}
+              />
             </GraphicBlock>
           {/if}
         </div>