feat: add support for imagePosition config

layouts/partials/hero/background.html

@@ -1,5 +1,6 @@
 {{ $disableImageOptimization := site.Store.Get "disableImageOptimization" }}
 
+{{ $useDefault := false }}
 {{ $featured := "" }}
 {{ $featuredURL := "" }}
 {{ with .Params.featureimage }}
@@ -25,8 +26,10 @@
   {{ $default := site.Store.Get "defaultBackgroundImage" }}
   {{ if $default.url }}
     {{ $featuredURL = $default.url }}
+    {{ $useDefault = true }}
   {{ else if $default.obj }}
     {{ $featured = $default.obj }}
+    {{ $useDefault = true }}
   {{ end }}
 {{ end }}
 
@@ -58,6 +61,11 @@
     <div id="hero" class="h-[150px] md:h-[200px]"></div>
   {{ end }}
   <div class="fixed inset-x-0 top-0 h-[800px] single_hero_background nozoom">
+    {{ $style := "" }}
+    {{ $defaultPosition := cond $useDefault site.Params.imagePosition false }}
+    {{ with $.Params.imagePosition | default $defaultPosition }}
+      {{ $style = printf "object-position: %s;" . }}
+    {{ end }}
     <img
       id="background-image"
       src="{{ . }}"
@@ -65,7 +73,8 @@
       loading="eager"
       decoding="async"
       fetchpriority="high"
-      class="absolute inset-0 w-full h-full object-cover">
+      class="absolute inset-0 w-full h-full object-cover"
+      {{ if $style }}style="{{ $style | safeCSS }}"{{ end }}>
     <div
       class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal"></div>
     <div