Fix stories

Author: itsamoreh

components/organisms/Hero/Hero.stories.mdx

@@ -13,7 +13,10 @@ Use this to display a large CTA, usually at the top of a page.
       subtitle="Check it out"
       title="New Designs"
       body="Our amazing new design is here! Get it while it's hot, it won't be hot for long... uh oh, already cooling."
-      backgroundImage="https://images.unsplash.com/photo-1610991149688-c1321006bcc1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1110&q=60"
+      backgroundImage={{
+        url:
+          'https://images.unsplash.com/photo-1610991149688-c1321006bcc1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1110&q=60'
+      }}
       cta={{icon: 'arrowRight', text: 'Take a look'}}
     />
   </Story>

components/organisms/LzbMediaText/LzbMediaText.stories.mdx

@@ -41,25 +41,3 @@ Media will display on the right on large screens by default. Use the `mediaLeft`
     />
   </Story>
 </Canvas>
-
-## Children
-
-You can display children as an element using the `children` prop. If used, the `title`, `body`, and `cta` will not display.
-
-<Canvas>
-  <Story name="Children">
-    <LzbMediaText
-      children={
-        <div>
-          <p>Hi I'm a child element!</p>
-        </div>
-      }
-      image={{
-        url:
-          'https://images.unsplash.com/photo-1610991149688-c1321006bcc1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1110&q=60',
-        alt: 'Some alt text'
-      }}
-      mediaLeft
-    />
-  </Story>
-</Canvas>