fix image sizing when using size-* classes

Signed-off-by: Robert Günzler <r@gnzler.io>

1 files changed, 2 insertions, 5 deletions

diff --git a/links/main.css b/links/main.css
index 78f0f12..d186725 100644
--- a/links/main.css
+++ b/links/main.css
@@ -126,8 +126,8 @@ main hr {
 }
 
 main img {
-  width: 100%;
-  max-width: 700px;
+  max-width: 100%;
+  object-fit: contain;
 }
 
 main>q {
@@ -344,17 +344,14 @@ ul.nobull li {
 }
 
 .size-s {
-  width: auto;
   max-height: 150px;
 }
 
 .size-m {
-  width: auto;
   max-height: 220px;
 }
 
 .size-l {
-  width: auto;
   max-height: 400px;
 }