diff --git a/css/style.css b/css/style.css
index ab1a8c1..b78fe17 100644
--- a/css/style.css
+++ b/css/style.css
@@ -347,25 +347,59 @@ padding: 40px;
 }
 figure {
     position: relative;
-    display: inline-block;
+    display: inline-block !important;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
   }
+.page3{
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+            flex-flow: row wrap !important;
+}
+@media(max-width: 900px){
+.page3{
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+            flex-flow: row wrap;
+            -webkit-box-pack: center;
+                    justify-content: center;
+            -webkit-box-align: center;
+                    align-items: center;
+}
+}
+
 @media(min-width:900px){
-    .portfolio1{
+    .page3{
         display: -webkit-box;
         display: flex;
         -webkit-box-pack: center;
-                justify-content: space-around;
-        -webkit-box-align: center;
-                align-items: center;
-    }
-    .portfolio2{
-        display: -webkit-box;
-        display: flex;
-        -webkit-box-pack: center;
-                justify-content: space-around;
+                justify-content: center;
         -webkit-box-align: center;
                 align-items: center;
+                -webkit-box-orient: horizontal;
+                -webkit-box-direction: normal;
+                flex-flow: row wrap;
+                        
     }
+
+ 
+ 
+}
+.portfolio1{
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: center;
+            justify-content: center;
+    -webkit-box-align: center;
+            align-items: center;
+            -webkit-box-orient: horizontal;
+            -webkit-box-direction: normal;
+            flex-flow: row wrap;
+            
+            
+                    
 }
   .img {
     border-radius: 50%;
@@ -373,7 +407,7 @@ figure {
     width:300px;
       height:300px;
       padding:30px;
-      opacity: 0.45;
+      opacity: 0.9;
       -webkit-filter: blur(3px);
               filter: blur(3px);
         border-radius: 50%;
@@ -381,10 +415,10 @@ figure {
   
   }
   .img:hover {
-          color: white;
-          opacity: 5;
-          -webkit-filter: blur(0px);
-                  filter: blur(0px);
+-webkit-filter: blur(0px);
+filter: blur(0px);
+-webkit-transition: ease-in .5s;
+transition: ease-in .5s;
       }
   
   figcaption {
@@ -406,6 +440,9 @@ figure {
     display: none;
   }
   .page3{
-      background-image: url(../img/marble.jpg);
+      background-image: url(../img/rainbow.jpg);
+      background-position: center top;
+      -webkit-box-pack: center;
+              justify-content: center;
   }
   
\ No newline at end of file
diff --git a/img/aqua.jpg b/img/aqua.jpg
new file mode 100644
index 0000000..7cb4014
Binary files /dev/null and b/img/aqua.jpg differ
diff --git a/img/blu.jpg b/img/blu.jpg
new file mode 100644
index 0000000..c6f62bd
Binary files /dev/null and b/img/blu.jpg differ
diff --git a/img/blue.jpg b/img/blue.jpg
new file mode 100644
index 0000000..0552355
Binary files /dev/null and b/img/blue.jpg differ
diff --git a/img/rainbow.jpg b/img/rainbow.jpg
new file mode 100644
index 0000000..0bce20b
Binary files /dev/null and b/img/rainbow.jpg differ
diff --git a/index.html b/index.html
index 5a8948e..5c65599 100644
--- a/index.html
+++ b/index.html
@@ -59,8 +59,8 @@
       </div>
     </section>
 </section>
-    <div class="section2">
-      <div class="innerBox" id="about">
+    <div class="section2"id="about">
+      <div class="innerBox">
         <h1>Hi! I'm Meira</h1>
         <p>I am a multifaceted and passionate designer always improving my skills and discovering new things about myself. I love sharing my ideas and working together with others to solve complex problems.</p>
       </div>
@@ -90,8 +90,9 @@
           <figcaption>Farmhouse Cafe </figcaption>
         </figure>
         </a>
-      </div>
-      <div class="portfolio2">
+
+     
+
         <a class="link" href="farmhouse.html">
           <figure>
             <img class="img" src="img/farmhouse2.png">
@@ -112,6 +113,9 @@
             <figcaption>Farmhouse Cafe  </figcaption>
           </figure>
         </a>
+
+
+
       </div>