diff --git a/assets/images/rain bg.jpg b/assets/images/rain bg.jpg
new file mode 100644
index 0000000..1b61070
Binary files /dev/null and b/assets/images/rain bg.jpg differ
diff --git a/assets/images/sunnyBg.jpg b/assets/images/sunnyBg.jpg
new file mode 100644
index 0000000..e007ad3
Binary files /dev/null and b/assets/images/sunnyBg.jpg differ
diff --git a/assets/styles.css b/assets/styles.css
index b35d71b..16f979f 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -21,4 +21,19 @@ body{
     color: #fff;
     border-radius: 25px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
+}
+
+.wrapper{
+    display: grid;
+    grid-template-columns: 3fr 4fr;
+    grid-gap: 1rem;
+
+}
+
+.img_section{
+    border-radius: 25px;
+    background-image: url("images/sunnyBg.jpg");
+    background-position: center;
+    background-repeat: no-repeat;
+    block-size: cover;
 }
\ No newline at end of file