Added My Project File

app.py

@@ -47,11 +47,37 @@ st.markdown(
 """
 <div class="row">
   <div class="column">
-    <img src="https://user-images.githubusercontent.com/115732734/271723332-6c824e95-5e2f-48ec-af1c-b66ac7db1d7a.jpeg" style="width:550">
-    <img src="https://user-images.githubusercontent.com/115732734/271723345-50f27ca9-94ee-4e7c-ad3b-2b10f27d31bb.jpeg" style="width:550">
+    <img src="https://user-images.githubusercontent.com/115732734/271723332-6c824e95-5e2f-48ec-af1c-b66ac7db1d7a.jpeg" style="width:100%">
+    <img src="https://user-images.githubusercontent.com/115732734/271723345-50f27ca9-94ee-4e7c-ad3b-2b10f27d31bb.jpeg" style="width:100%">
+ 
+  </div>
+  <div class="column">
     <img src="https://user-images.githubusercontent.com/115732734/271723351-3677394d-1cd3-4df8-8bec-616fa6bd3b2c.png" style="width:550">
+    <img src="https://user-images.githubusercontent.com/115732734/271723337-bc1ce6d1-8bed-4c75-86b3-fbb2d2eef919.png" style="width:550">
   </div>
+    
 </div>
+
+# Style
+
+<style>
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0 4px;
+}
+
+/* Create two equal columns that sits next to each other */
+.column {
+  flex: 50%;
+  padding: 0 4px;
+}
+
+.column img {
+  margin-top: 8px;
+  vertical-align: middle;
+}
+</style>
 """,
 unsafe_allow_html=True
 )