diff --git a/assets/scss/_nav.scss b/assets/scss/_nav.scss
index 8b5d4797cc..1d5d41d94a 100644
--- a/assets/scss/_nav.scss
+++ b/assets/scss/_nav.scss
@@ -153,14 +153,11 @@ nav.foldable-nav {
     }
 
     ul.foldable {
-        max-height: 0;
-        overflow: hidden;
-        transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
+        display: none;
     }
 
     input:checked ~ ul.foldable {
-        max-height: 100000vmax;
-        transition: max-height 1s ease-in-out;
+        display: block;
     }
 
     input[type=checkbox] { display: none; }
diff --git a/layouts/shortcodes/imgproc.html b/layouts/shortcodes/imgproc.html
index bb80a8502b..550dc7a4fa 100644
--- a/layouts/shortcodes/imgproc.html
+++ b/layouts/shortcodes/imgproc.html
@@ -11,11 +11,11 @@
 {{ errorf "Invalid image processing command: Must be one of Fit, Fill or Resize."}}
 {{ end }}
 {{ $image := .Scratch.Get "image" }}
-<div class="card rounded p-2 td-post-card mb-4 mt-4" style="max-width: {{ add $image.Width 10 }}px">
+<figure class="card rounded p-2 td-post-card mb-4 mt-4" style="max-width: {{ add $image.Width 10 }}px">
 	<img class="card-img-top" src="{{ $image.RelPermalink }}" width="{{ $image.Width }}" height="{{ $image.Height }}">
 	{{ with .Inner }}
-	<div class="card-body px-0 pt-2 pb-0">
+	<figcaption class="card-body px-0 pt-2 pb-0">
 		<p class="card-text">{{ . }}{{ with $image.Params.byline }}<small class="text-muted"><br/>{{ . | html }}</small>{{ end }}</p>
-	</div>
+	</figcaption>
 	{{ end }}
-</div>
\ No newline at end of file
+</figure>