diff --git a/about.html b/about.html
index 7f0fe9a..1b0a346 100644
--- a/about.html
+++ b/about.html
@@ -57,8 +57,8 @@
     <!-- Main -->
     <main>
         <div class="about-parent">
-            <div class="about-img">
-                <img src="">
+            <div class="about-profile">
+                <img class="about-img" src="img/profile.jpg">
             </div>
             <div class="about-desc">
                 <h2>Hi, I'm Nancy</h2><br>
diff --git a/css/general.css b/css/general.css
index af0c2e7..4e27539 100644
--- a/css/general.css
+++ b/css/general.css
@@ -151,7 +151,7 @@ header {
 }
 
 .slide-img {
-  max-height: 700px;
+  height: 75vh;
 }
 
 .slide-desc {
@@ -167,6 +167,7 @@ li .splide__pagination__page.is-active {
 
 .about-parent {
   display: flex;
+  flex-flow: row wrap;
   width: auto;
   height: auto;
   margin: 20px auto;
@@ -177,9 +178,10 @@ li .splide__pagination__page.is-active {
 }
 
 .about-img {
-  width: 400px;
-  height: 400px;
-  background: linear-gradient(rgba(10, 14, 18, 0.2) 50%, rgba(104, 104, 104, 0.37) 60%, rgb(188, 188, 188) 100%);
+  max-width: 400px;
+  min-width: 300px;
+  width: 100%;
+  margin: 10px auto;
 }
 
 .about-desc {
diff --git a/img/profile.jpg b/img/profile.jpg
new file mode 100644
index 0000000..63fc780
Binary files /dev/null and b/img/profile.jpg differ