diff --git a/css/templatemo-first-portfolio-style.css b/css/templatemo-first-portfolio-style.css
index ecba039..37aca72 100644
--- a/css/templatemo-first-portfolio-style.css
+++ b/css/templatemo-first-portfolio-style.css
@@ -518,9 +518,13 @@ strong {
 .hero-image {
   position: absolute;
   z-index: 22;
-  top: 0;
-  width: 100%;
-  min-width: 550px;
+  top: -44px;
+  /* width: 100%; */
+  /* min-width: 550px; */
+  width: 340px;
+  height: 340px;
+  right: 67px;
+  border-radius: 100%;
 }
 
 .hero svg {
diff --git a/images/National Geographic on Instagram Photo by Stephe.jpg b/images/National Geographic on Instagram Photo by Stephe.jpg
new file mode 100755
index 0000000..419a657
Binary files /dev/null and b/images/National Geographic on Instagram Photo by Stephe.jpg differ
diff --git a/index.html b/index.html
index 4c01f84..536df0a 100644
--- a/index.html
+++ b/index.html
@@ -109,14 +109,14 @@
               </div>
             </div>
 
-            <!-- <div class="col-lg-5 col-12 position-relative">
+            <div class="col-lg-5 col-12 position-relative">
               <div class="hero-image-wrap"></div>
               <img
-                src="images/portrait-happy-excited-man-holding-laptop-computer.png"
+                src="images/National Geographic on Instagram Photo by Stephe.jpg"
                 class="hero-image img-fluid"
                 alt=""
               />
-            </div> -->
+            </div>
           </div>
         </div>