fix whitespace around #small images

1 files changed, 8 insertions, 2 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index c25d741..6e57bcf 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -457,7 +457,13 @@ figure img {
 }
 
 .img-small img {
-  scale: 80%;
+  max-height: calc(var(--figure-img-max-height) * 0.8);
+}
+
+.img-small div:first-child {
+  height: 80%;
+  width: 80%;
+  margin: auto;
 }
 
 .img-full div {
@@ -576,4 +582,4 @@ blockquote {
 blockquote p {
   margin-left: 1rem;
   margin-right: 1rem;
-}
\ No newline at end of file
+}