diff --git a/components/01_Atoms/_atoms.scss b/components/01_Atoms/_atoms.scss
index 842df15..30769b6 100644
--- a/components/01_Atoms/_atoms.scss
+++ b/components/01_Atoms/_atoms.scss
@@ -5,3 +5,4 @@
 @import 'button/button';
 @import 'checkbox/checkbox';
 @import 'input/input';
+@import 'image/image';
diff --git a/components/01_Atoms/image/_image.scss b/components/01_Atoms/image/_image.scss
new file mode 100644
index 0000000..a90c54e
--- /dev/null
+++ b/components/01_Atoms/image/_image.scss
@@ -0,0 +1,4 @@
+.LP-Image{
+	max-width:100%;
+	max-height:100%;
+}
\ No newline at end of file
diff --git a/components/01_Atoms/image/image.config.json b/components/01_Atoms/image/image.config.json
new file mode 100644
index 0000000..4eb7c3f
--- /dev/null
+++ b/components/01_Atoms/image/image.config.json
@@ -0,0 +1,3 @@
+{
+	
+}
\ No newline at end of file
diff --git a/components/01_Atoms/image/image.hbs b/components/01_Atoms/image/image.hbs
new file mode 100644
index 0000000..85682c7
--- /dev/null
+++ b/components/01_Atoms/image/image.hbs
@@ -0,0 +1,23 @@
+<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