diff --git a/layouts/shortcodes/img.html b/layouts/shortcodes/img.html
index eef90e0..bda52b3 100644
--- a/layouts/shortcodes/img.html
+++ b/layouts/shortcodes/img.html
@@ -2,7 +2,7 @@
 {{ $name_splitted := split $img.RelPermalink "." }}
 {{ $name_base := index $name_splitted 0 }}
 {{ $ext_base := index $name_splitted 1 }}
-<figure {{ with .Get "class" }} class="{{ . }}"{{ end }}>
+<figure {{ with .Get "id" }} id="{{ . }}"{{ end }}{{ with .Get "class" }} class="{{ . }}"{{ end }}>
 	{{ with .Get "link" }}
 		<a href="{{ . | absURL }}">
 	{{ else }}
diff --git a/static/css/style.css b/static/css/style.css
index 8f6f34a..0bfa745 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -626,6 +626,8 @@ a.not(.anchor):focus {
 }
 .article-body figure figcaption .attribution {
 	float: right;
+	margin-left: 1em;
+	margin-top: 1em;
 }
 @media only screen and (max-width: 320px) {
 	.article-body .footnotes ol {
@@ -749,6 +751,7 @@ details[open] summary:hover {
 	vertical-align: top;
 	position: relative;
 	top: -0.5rem;
+	font-size: 0.6em;
 }
 
 /******************* Article Blockquote *******************/