diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index 6a0ca369..183cfd66 100644
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -76,7 +76,7 @@ defaultBackgroundImage = "/img/iceland.jpg"
   showViews = true
   showLikes = true
   showTableOfContents = true
-  showCards = false
+  showCards = true
   groupByYear = false
   cardView = true
   cardViewScreenWidth = false
diff --git a/exampleSite/content/docs/advanced-customisation/index.md b/exampleSite/content/docs/advanced-customisation/index.md
index a94399e5..09cdecb8 100644
--- a/exampleSite/content/docs/advanced-customisation/index.md
+++ b/exampleSite/content/docs/advanced-customisation/index.md
@@ -38,12 +38,12 @@ Hugo has various builtin methods to resize, crop and optimize images.
 As an example - in `layouts/partials/article-link/card.html`, you have the following code:
 
 ```go
-{{ with .Fill "600x600" }}
+{{ with .Resize "600x" }}
 <div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
 {{ end }}
 ```
 
-The default behavior of Hugo here is to use Smartcrop to dynamically set the anchor point (crop placement) on the image and resize it to fill 600x600px.
+The default behavior of Hugo here is to resize the image to 600px keeping the ratio.
 
 It is worth noting here that default image configurations such as [anchor point](https://gohugo.io/content-management/image-processing/#anchor) can also be set in your [site configuration](https://gohugo.io/content-management/image-processing/#processing-options) as well as in the template itself.
 
diff --git a/exampleSite/resources/_gen/images/docs/advanced-customisation/featured_huc648350f543f5a6da75f60f86e4aecc9_625096_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/advanced-customisation/featured_huc648350f543f5a6da75f60f86e4aecc9_625096_600x0_resize_box_3.png
new file mode 100644
index 00000000..17f71051
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/advanced-customisation/featured_huc648350f543f5a6da75f60f86e4aecc9_625096_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/configuration/featured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/configuration/featured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x0_resize_box_3.png
new file mode 100644
index 00000000..becaf18b
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/configuration/featured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/content-examples/featured_hua9cafb9ef9e179b71d05f85e3ab9080d_648770_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/content-examples/featured_hua9cafb9ef9e179b71d05f85e3ab9080d_648770_600x0_resize_box_3.png
new file mode 100644
index 00000000..44de25f4
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/content-examples/featured_hua9cafb9ef9e179b71d05f85e3ab9080d_648770_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/firebase-views/featured_hu893b4009285a3fc236e74f3cf6b73d3e_4462659_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/firebase-views/featured_hu893b4009285a3fc236e74f3cf6b73d3e_4462659_600x0_resize_box_3.png
new file mode 100644
index 00000000..54d6a60f
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/firebase-views/featured_hu893b4009285a3fc236e74f3cf6b73d3e_4462659_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/front-matter/featured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/front-matter/featured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x0_resize_box_3.png
new file mode 100644
index 00000000..65004ecb
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/front-matter/featured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/getting-started/featured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/getting-started/featured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x0_resize_box_3.png
new file mode 100644
index 00000000..3d30158c
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/getting-started/featured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/homepage-layout/featured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/homepage-layout/featured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x0_resize_box_3.png
new file mode 100644
index 00000000..989df218
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/homepage-layout/featured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/hosting-deployment/featured_hu64bf821b067f4f95fc394dc0a744aa3f_4868715_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/hosting-deployment/featured_hu64bf821b067f4f95fc394dc0a744aa3f_4868715_600x0_resize_box_3.png
new file mode 100644
index 00000000..7a4067f6
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/hosting-deployment/featured_hu64bf821b067f4f95fc394dc0a744aa3f_4868715_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/installation/featured_hua34c938079c0c05729a2a4d4783f7807_634706_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/installation/featured_hua34c938079c0c05729a2a4d4783f7807_634706_600x0_resize_box_3.png
new file mode 100644
index 00000000..4bf413b9
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/installation/featured_hua34c938079c0c05729a2a4d4783f7807_634706_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/multi-author/featured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/multi-author/featured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x0_resize_box_3.png
new file mode 100644
index 00000000..33ca0cf9
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/multi-author/featured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/partials/featured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/partials/featured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x0_resize_box_3.png
new file mode 100644
index 00000000..786da147
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/partials/featured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/series/featured_hufd4b98ca40f354dfe40e970226ab02f1_1752805_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/series/featured_hufd4b98ca40f354dfe40e970226ab02f1_1752805_600x0_resize_box_3.png
new file mode 100644
index 00000000..57245b0c
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/series/featured_hufd4b98ca40f354dfe40e970226ab02f1_1752805_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/shortcodes/featured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/shortcodes/featured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x0_resize_box_3.png
new file mode 100644
index 00000000..87087bca
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/shortcodes/featured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/thumbnails/featured_hu93f196360c2371d7e9554814ee21804a_5014315_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/thumbnails/featured_hu93f196360c2371d7e9554814ee21804a_5014315_600x0_resize_box_3.png
new file mode 100644
index 00000000..5edbc380
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/thumbnails/featured_hu93f196360c2371d7e9554814ee21804a_5014315_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/welcome/featured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/docs/welcome/featured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x0_resize_box_3.png
new file mode 100644
index 00000000..e06e38e0
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/welcome/featured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x0_resize_box_3.png
new file mode 100644
index 00000000..01d8889a
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x0_resize_box_3.png
new file mode 100644
index 00000000..7947bda3
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x0_resize_box_3.png
new file mode 100644
index 00000000..947e32ba
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-template-repo/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/blowfish-template-repo/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x0_resize_box_3.png
new file mode 100644
index 00000000..54de70a8
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-template-repo/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-template/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/blowfish-template/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x0_resize_box_3.png
new file mode 100644
index 00000000..54de70a8
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-template/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x0_resize_box_3.png
new file mode 100644
index 00000000..01d8889a
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x0_resize_box_3.png
new file mode 100644
index 00000000..7947bda3
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x0_resize_box_3.png
new file mode 100644
index 00000000..947e32ba
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/users/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x0_resize_q75_box.jpg b/exampleSite/resources/_gen/images/users/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x0_resize_q75_box.jpg
new file mode 100644
index 00000000..6e0a8786
Binary files /dev/null and b/exampleSite/resources/_gen/images/users/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x0_resize_q75_box.jpg differ
diff --git a/layouts/partials/article-link/card.html b/layouts/partials/article-link/card.html
index 5e732749..cbe02471 100644
--- a/layouts/partials/article-link/card.html
+++ b/layouts/partials/article-link/card.html
@@ -19,7 +19,7 @@
         <div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ else }}
-        {{ with .Fill "600x600"  }}
+        {{ with .Resize "600x" }}
         <div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ end }}
diff --git a/layouts/partials/article-link/simple.html b/layouts/partials/article-link/simple.html
index b44aaf77..6ed058db 100644
--- a/layouts/partials/article-link/simple.html
+++ b/layouts/partials/article-link/simple.html
@@ -46,7 +46,7 @@
         <div class="{{ $articleImageClasses }}" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ else }}
-        {{ with .Fill "600x400"  }}
+        {{ with .Resize "600x"  }}
         <div class="{{ $articleImageClasses }}" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ end }}
diff --git a/layouts/partials/term-link/card.html b/layouts/partials/term-link/card.html
index 9b9edee9..6bc7e9f1 100644
--- a/layouts/partials/term-link/card.html
+++ b/layouts/partials/term-link/card.html
@@ -17,7 +17,7 @@
         <div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ else }}
-        {{ with .Fill "600x600"  }}
+        {{ with .Resize "600x"  }}
         <div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
         {{ end }}
       {{ end }}