using article-group class and adding shadow class

layouts/_default/home.html

@@ -15,7 +15,7 @@
   {{ end }}
   </div>
 
-  <aside class="index-articles">
+  <aside class="article-group index-articles">
     {{- range site.RegularPages.Limit 4 }}
       {{ partial "article.html" . }}
     {{- end }}

layouts/authors/list.html

@@ -14,7 +14,7 @@
 
 </section>
 {{ .Content }}
-<section class="author-articles">
+<section class="article-group author-articles">
     {{- range .Data.Pages }}
       {{ partial "article.html" . }}
     {{- end }}

layouts/partials/article-alt.html

@@ -12,7 +12,7 @@ Renders an article card with a circle image, title, and summary.
 {{- $summary := .summary }}
 {{- $url := .url }}
 <a href="{{ $url }}">
-<article class="alt float-on-hover">
+<article class="alt float-on-hover shadow">
 	<div>
 	  <img src="{{ $image.RelPermalink }}" alt="{{ $alt }}" />
 	</div>

layouts/partials/article.html

@@ -1,4 +1,4 @@
-<article class="index float-on-hover">
+<article class="index float-on-hover shadow">
     <a href=" {{ .Permalink }}">
     	{{- $image := (.Resources.GetMatch "featured").Resize "256x webp q90" }}
         <img src={{ $image.RelPermalink }} alt="{{ .Params.featured.alt }}">