diff --git a/assets/images/banner-desktop.svg b/assets/images/banner-desktop.svg
new file mode 100644
index 0000000..b414c27
--- /dev/null
+++ b/assets/images/banner-desktop.svg
@@ -0,0 +1,9 @@
+
diff --git a/assets/images/banner-mobile.svg b/assets/images/banner-mobile.svg
new file mode 100644
index 0000000..bcf9505
--- /dev/null
+++ b/assets/images/banner-mobile.svg
@@ -0,0 +1,9 @@
+
diff --git a/assets/styles/styles.css b/assets/styles/styles.css
index 1025879..da3dcf1 100644
--- a/assets/styles/styles.css
+++ b/assets/styles/styles.css
@@ -12,3 +12,33 @@ header {
height: 100px;
background: #000000;
}
+
+.banner-desktop {
+ display: flex;
+ justify-content: center;
+ width: 100%;
+}
+
+.banner-desktop figure img {
+ width: 100%;
+}
+
+.banner-mobile {
+ display: none;
+}
+
+@media (max-width: 414px) {
+ .banner-desktop {
+ display: none;
+ }
+
+ .banner-mobile {
+ display: flex;
+ justify-content: center;
+ width: 100%;
+ }
+
+ .banner-mobile figure img {
+ width: 100%;
+ }
+}
diff --git a/index.html b/index.html
index 67cebd7..6ac33f5 100644
--- a/index.html
+++ b/index.html
@@ -18,5 +18,21 @@
/>
+
+
+ 
+
+
+
+ 
+
+