From aa2a5cf3cc0052ce7fea73ed1bec2386e0e0c97e Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Sun, 2 Aug 2020 23:02:06 +0200
Subject: [PATCH] Made Image more responsive

---
 components/01_Atoms/image/_image.scss       |  6 ++++--
 components/01_Atoms/image/image.config.json |  4 +++-
 components/01_Atoms/image/image.hbs         | 24 +--------------------
 3 files changed, 8 insertions(+), 26 deletions(-)

diff --git a/components/01_Atoms/image/_image.scss b/components/01_Atoms/image/_image.scss
index a90c54e..9581669 100644
--- a/components/01_Atoms/image/_image.scss
+++ b/components/01_Atoms/image/_image.scss
@@ -1,4 +1,6 @@
 .LP-Image{
-	max-width:100%;
-	max-height:100%;
+	object-fit: cover;
+	width: 100%;
+	height: auto;
+	vertical-align: top;
 }
\ No newline at end of file
diff --git a/components/01_Atoms/image/image.config.json b/components/01_Atoms/image/image.config.json
index 4eb7c3f..6696d6f 100644
--- a/components/01_Atoms/image/image.config.json
+++ b/components/01_Atoms/image/image.config.json
@@ -1,3 +1,5 @@
 {
-	
+	"context":{
+        "source": "/images/photo_2020-05-02_18-11-21.jpg"
+    }
 }
\ No newline at end of file
diff --git a/components/01_Atoms/image/image.hbs b/components/01_Atoms/image/image.hbs
index 85682c7..ea9d8b5 100644
--- a/components/01_Atoms/image/image.hbs
+++ b/components/01_Atoms/image/image.hbs
@@ -1,23 +1 @@
-<img src="/images/photo_2020-05-02_18-11-21.jpg" class="LP-Image"/>
-
-<div style="height: 80px;width: 40px; background-color: green;">
-	<img src="/images/photo_2020-05-02_18-11-21.jpg" class="LP-Image"/>
-</div>
-
-<p></p>
-
-<div style="height: 40px;width: 80px;background-color: green;">
-	<img src="/images/photo_2020-05-02_18-11-21.jpg" class="LP-Image"/>
-</div>
-
-<p></p>
-
-<div style="height: 80px;width: 40px;background-color: green;">
-	<img src="/images/ice-vertical-panorama.jpg" class="LP-Image"/>
-</div>
-
-<p></p>
-
-<div style="height: 40px;width: 80px;background-color: green;">
-	<img src="/images/ice-vertical-panorama.jpg" class="LP-Image"/>
-</div>
\ No newline at end of file
+<img src="{{source}}" class="LP-Image"/>
\ No newline at end of file