fix: prevend wrong formatting for linked images

layouts/_default/_markup/render-link.html

@@ -1 +1,2 @@
-<a href="{{ .Destination | safeURL | relURL }}"{{ with .Title}} title="{{ . }}"{{ end }}>{{ .Text | safeHTML }}</a>
+{{ $raw := or (hasPrefix .Text "<img") (hasPrefix .Text "<figure") }}
+<a class="gdoc-markdown__link{{ if $raw }}--raw{{ end }}" href="{{ .Destination | safeURL | relURL }}"{{ with .Title}} title="{{ . }}"{{ end }}>{{ .Text | safeHTML }}</a>

layouts/shortcodes/img.html

@@ -15,7 +15,7 @@
 
 <div class="flex justify-center">
 <figure class="gdoc-markdown__figure">
-    <a href="{{ .RelPermalink }}">
+    <a class="gdoc-markdown__link--raw" href="{{ .RelPermalink }}">
         <img
             {{ if $lazyLoad }}loading="lazy"{{ end }}
             {{ with $customSize }}

src/sass/_markdown.scss

@@ -42,7 +42,8 @@
     font-weight: bolder;
   }
 
-  a {
+  a,
+  &__link {
     text-decoration: none;
     border-bottom: 1px solid transparent;
     line-height: 1em;
@@ -52,6 +53,19 @@
     }
   }
 
+  &__link--raw {
+    text-decoration: none;
+    color: $body-font-color;
+
+    &:hover {
+      text-decoration: none;
+    }
+
+    &:visited {
+      color: $body-font-color;
+    }
+  }
+
   img {
     max-width: 100%;
     border-radius: $border-radius;