✨ feat: add 2 interactive image shortcodes

- `image_hover` changes image on mouse hover.

- `image_toggler` swaps image on click.

templates/shortcodes/image_hover.html

@@ -0,0 +1,13 @@
+{%- set default_meta = get_image_metadata(path=default_src, allow_missing=true) -%}
+{%- set hovered_meta = get_image_metadata(path=hovered_src, allow_missing=true) -%}
+
+<div class="image-hover-container {% if full_width | default(value=false) %}full-width{% endif %}">
+    <div class="image-default">
+        <img src="{{ get_url(path=default_src) }}" alt="{{ default_alt }}"
+            width="{{ default_meta.width }}" height="{{ default_meta.height }}">
+    </div>
+    <div class="image-hovered">
+        <img src="{{ get_url(path=hovered_src) }}" alt="{{ hovered_alt }}"
+            width="{{ hovered_meta.width }}" height="{{ hovered_meta.height }}">
+    </div>
+</div>