fix(demos/narcissus-astro): 💄 update banner image styling

rodneylab · Dec 13, 2021 · a491f8d · a491f8d
1 parent fb43c91
commit a491f8d
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/demos/narcissus-astro/src/components/BannerImage.tsx b/demos/narcissus-astro/src/components/BannerImage.tsx
@@ -32,7 +32,7 @@ const BannerImage = function BannerImage({ imageData }: BannerImageProps): JSX.E
   }, [placeholder, sources, src, ssr]);
 
   return (
-    <div className={container}>
+    <div>
       <picture>
         {sources.map((element) => {
           const { srcset, type } = element;
@@ -48,7 +48,7 @@ const BannerImage = function BannerImage({ imageData }: BannerImageProps): JSX.E
           );
         })}
         <img
-          className="lazy"
+          className={`${container} lazy`}
           alt={alt}
           importance="high"
           loading="eager"
@@ -57,8 +57,7 @@ const BannerImage = function BannerImage({ imageData }: BannerImageProps): JSX.E
           height={height}
           data-src={src}
           src={placeholder}
-          objectFit="contain"
-          style={{ maxWidth: '100%' }}
+          objectfit="contain"
         />
       </picture>
     </div>