From 0ebdaf227797a361d4c71c94433f835db3a53657 Mon Sep 17 00:00:00 2001
From: Niels <info@heimseiten.de>
Date: Mon, 13 Nov 2023 13:29:56 +0100
Subject: [PATCH] Update flex-images.css

---
 public/flex-images.css | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/public/flex-images.css b/public/flex-images.css
index 6f4083e..92ce31d 100644
--- a/public/flex-images.css
+++ b/public/flex-images.css
@@ -1,3 +1,19 @@
-.flex-images { overflow: hidden; }
-.flex-images .item { float: left; margin: 4px; border: 1px solid #eee; box-sizing: content-box; overflow: hidden; position: relative;  }
-.flex-images .item img { display: block; width: auto; height: 100%; }
+.flex-images { 
+    --image-gap: 4px;
+    overflow: hidden; 
+    margin-left: calc( var(--image-gap) * -1 ); 
+    margin-right: calc( var(--image-gap) * -1 ); 
+}
+.flex-images .item { 
+    float: left; 
+    margin: var(--image-gap); 
+    border: 0; 
+    box-sizing: content-box; 
+    overflow: hidden; 
+    position: relative;
+}
+.flex-images .item img { 
+    display: block;
+    width: auto;
+    height: 100%;
+}