diff --git a/css/style.css b/css/style.css
index 476de24..89e201d 100644
--- a/css/style.css
+++ b/css/style.css
@@ -405,7 +405,7 @@ figure {
             
                     
 }
-  .img {
+  img.img {
     border-radius: 50%;
     vertical-align: middle;
     width:300px;
@@ -418,7 +418,7 @@ figure {
         vertical-align: middle;
   
   }
-  .img:hover {
+  img.img:hover {
 -webkit-filter: blur(0px);
 filter: blur(0px);
 -webkit-transition: ease-in .5s;
@@ -441,11 +441,11 @@ transition: ease-in .5s;
   
   }
   
-  .img:hover + figcaption {
+  img.img:hover + figcaption {
     display: none;
   }
   .page3{
-      background-image: url(../img/rainbow.jpg);
+      background-image: url(../img/pinkmarble.jpg);
       background-position: center top;
       -webkit-box-pack: center;
               justify-content: center;
diff --git a/img/About.gif b/img/About.gif
new file mode 100644
index 0000000..229461f
Binary files /dev/null and b/img/About.gif differ
diff --git a/img/pinkmarble.jpg b/img/pinkmarble.jpg
new file mode 100644
index 0000000..155643c
Binary files /dev/null and b/img/pinkmarble.jpg differ
diff --git a/web.html b/web.html
index 50f046a..c4674e6 100644
--- a/web.html
+++ b/web.html
@@ -21,7 +21,7 @@
     </div>
     <div class="box">
         <img src="img/Final Project.gif" class="gif" alt="CSS Showcase Gif">
-        <img src="img/CSS Showcase2.gif" class="gif" alt="CSS Showcase Gif">
+        <img src="img/About.gif" class="gif" alt="CSS Showcase Gif">
     </div>
 
 </body>