fix: fig-img short code

layouts/shortcodes/fig-img.html

@@ -1,15 +1,37 @@
-<figure class="figure fig-img {{ with .Get "class" }}{{ . }}{{ end }}">
+{{/**
+    fig-img
+    how to use:
+        
+    {{< fig-img
+        src="now.jpg"
+        options="500x500"
+        alt="The alt"
+        caption="The caption"
+    >}}
+
+    **/}}
+{{- if .Get "single" -}}
+<div class="single-figure-container">
+{{ end }}
+<figure class="figure {{ with .Get "class" }}{{ . }}{{ end }}">
     {{- if .Get "link" -}}
         <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
     {{- end -}}
 
-    {{ $options := .Get "options" }}
-    {{ $img := (.Page.Resources.GetMatch (.Get "src")).Fit $options }}
-    <img src="{{ $img.RelPermalink }}"
+    {{ $options := or (.Get "options") "500x500 center" }}
+    {{ $permalink := "" }}
+    {{ if hasPrefix (.Get "src") "https://" }}
+        {{ $permalink = .Get "src" }}
+    {{ else }}
+        {{ $permalink = ((.Page.Resources.GetMatch (.Get "src")).Fill $options).Permalink }}
+    {{- end -}}
+
+    <img 
+        class="figure-img img-fluid"
+        src="{{ $permalink }}"
          {{- if or (.Get "alt") (.Get "caption") }}
          alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
          {{- end -}}
-         class="figure-img img-fluid rounded"
     /><!-- Closing img tag -->
     {{- if .Get "link" }}</a>{{ end -}}
     {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
@@ -28,4 +50,7 @@
         </figcaption>
     {{- end }}
 </figure>
+{{- if .Get "single" -}}
+</div>
+{{ end }}