mobile css tweaks

I've discovered i can run a server that my phone can access!!!! woo no more small github pushes!!

index.html

@@ -25,7 +25,7 @@
     </h2>
 
     <div style = "width: 100%; height: auto; text-align: center;">
-        <img src = "images\ProfilePlaceholder.png" class = "orangeBorder">
+        <img src = "images\ProfilePlaceholder.png" class = "profileImage orangeBorder">
     </div>
 
     <h3 style = "margin-bottom: 5vh;"> 

pages/mainpage.css

@@ -219,6 +219,19 @@ h4{
         font-size: 2.3vw;
     }
 
+    .profileImage{
+        margin: 0;
+        width: 100%; 
+
+        border: none;
+        border-radius: 0;
+        border-top:  5px solid #ffd256;
+        border-bottom:  5px solid #ffd256;
+
+        padding-left: 0;
+        padding-right: 0;
+    }
+
     #galleryHeader{
         margin-left: 0; 
         margin-right: 0;
@@ -235,10 +248,6 @@ h4{
         margin-right: 0;
     }
 
-    .galleryDescriptor{
-        grid-column: 1/13;
-    }
-
     .galleryImage{ /*all images should be 700x700*/
         grid-column: 1/13;
         grid-row: 3/8;
@@ -276,19 +285,21 @@ h4{
         font-size: 3.5vh;
     
         border-radius: 0;
+        border: 5px solid #ffd256;
         border-left: 0;
         border-right: 0;
-        border-bottom: 2px solid #ffd256;;
     }
 
     .galleryCaption{
         grid-column: 1/13;
         grid-row: 8/13;
     
-        border-radius: 0;
         font-size: 4vw; 
+
+        border: 5px solid #ffd256;
         border-left: 0;
         border-right: 0;
+        border-radius: 0;
     }
     
     .galleryLeftArrow{