diff --git a/index.html b/index.html
index 1c07cb7..d17e310 100644
--- a/index.html
+++ b/index.html
@@ -28,8 +28,8 @@
         
     </div>
     <div style = "text-align: center;">
-        <div class = "profileImage orangeBorder" style = "margin: 0 auto;">
-            <img src = "images/Profile3.png" alt = "me" style = "border-radius: 2px; object-fit: cover; width: 100%; height:100%">
+        <div class = "profileImageContainer orangeBorder" style = "margin: 0 auto;">
+            <img src = "images/Profile3.png" alt = "me" class = "profileImage">
         </div>
     </div>
 
diff --git a/pages/mainpage.css b/pages/mainpage.css
index 5ab0b20..b68626b 100644
--- a/pages/mainpage.css
+++ b/pages/mainpage.css
@@ -23,12 +23,19 @@
     margin-right: 10vw;
 }
 
-.profileImage{
+.profileImageContainer{
     width: 30vw; 
     height: 30vw; 
     text-align: center;
 }
 
+.profileImage{
+    border-radius: 2px; 
+    object-fit: cover; 
+    width: 100%; 
+    height:100%
+}
+
 #galleryHeader{
     margin-left: 30vw; 
     margin-right: 30vw;