Merge pull request #891 from coseeian/issue#882

Fixes Screen reader and visual presentation are inconsistent. (issue#882)

Author: ksen0

src/components/PageHeader/HomePage.astro

@@ -39,9 +39,9 @@ const { config } = Astro.props;
   {
     config.data.heroImages.map((im, i) => (
       im.linkTarget ?
-      <a href={im.linkTarget }>
+      <a href={im.linkTarget} class={`hero-image-container ${i > 0 ? "hidden" : ""}`}>
       <Image
-          containerClass={`relative hero-image-container ${i > 0 ? "hidden" : ""}`}
+          containerClass={"relative"}
           class={"hero-image"}
           aspectRatio="none"
           src={im.image}