diff --git a/about.html b/about.html
index 7293051..f6d470d 100644
--- a/about.html
+++ b/about.html
@@ -33,16 +33,17 @@
   <main>
     <div class="container">
       <div id="about-pic">
+        <picture>
+          <source srcset="img/about-image@2x.png" media="(min-width:767px)">
+          <img src="img/about/about-image@1x.png" alt="image of Francesca" class="profile">
+        </picture>
       </div>
     </div>
 
     <div class="container">
       <div>
-        <picture>
-          <img src="img/about/about-image.png" alt="image of Francesca" class="profile">
-        </picture>
         <div>
-          <div id="introduction">
+          <div>
             <h2>My Story</h2>
             <p>My name is Francesca Paris. I am a recent graduate of the UI design bootcamp from
               Career Foundry.</p>
diff --git a/css/style.css b/css/style.css
index f140537..d29ff22 100644
--- a/css/style.css
+++ b/css/style.css
@@ -218,23 +218,21 @@ h4 {
 }
 
 
-/* Sections ids*/
+/*  About page  */
 
 #about-pic {
-  padding:
+  text-align: center;
+  padding: 48px 0 12px 0;
 }
 
-#introduction {
-
+.profile {
+  width: 168px;
 }
 
 #skills-tools {
-
+  margin-bottom: 48px;
 }
 
-#tools-i-use {
-
-}
 
 /* Images */
 
@@ -247,9 +245,6 @@ picture .logo {
   max-width: 150px;
 }
 
-.profile {
-  width: 300px;
-}
 
 .yellow {
   background-color: #FAF9F0;
diff --git a/img/about/about-image@1x.png b/img/about/about-image@1x.png
new file mode 100644
index 0000000..489dd9f
Binary files /dev/null and b/img/about/about-image@1x.png differ
diff --git a/img/about/about-image.png b/img/about/about-image@2x.png
similarity index 100%
rename from img/about/about-image.png
rename to img/about/about-image@2x.png