solve profile pic issue - stretched

Author: varadbhogayata

assets/css/style.css

@@ -1,16 +1,25 @@
 .profile-pic {
-  width: 125px;
-  height: 125px;
-  display: block; 
-  margin: -28.5px; 
-  margin-left:-9px; 
-  margin-right: auto; 
-  /* max-width: 10rem; 
-  max-height: 10rem; */
+  position: relative;
+  max-width:130px;
+  max-height:130px;
+  width: auto;
+  height: auto;
+  overflow: hidden;
+  /* display: inline-block; */
+  
+  
+  /* background-size: cover;  */
+  margin: -31px; 
+  margin-left:-12px;
   border: 6px solid rgba(0, 77, 64, 0.4); 
   border-radius: 50% !important;
 }
 
+.profile-pic img {
+  width: 100%;
+  height: auto;
+}
+
 .tracker {
   /* visibility: hidden; */
   position: fixed;

assets/img/my-passport-photo-square.jpg

@@ -87,7 +87,7 @@
       <li class="logo">
         <a id="logo-container" aria-label="Navigate to the beginning of the page" href="#intro"
           class="brand-logo grey-blue-text">
-          <img src="/assets/img/my-passport-photo.jpg" class="circle img-responsive profile-pic" alt="avatar">
+          <img src="/assets/img/my-passport-photo-square.jpg" class="circle img-responsive profile-pic" alt="avatar">
             <!-- border: 0.18rem hidden #00796b; -->
         </a>
         <!-- <span class="d-none d-lg-block">
@@ -289,6 +289,12 @@ <h3 class="page-title white-text teal">About</h3>
           <h2>
             Software Developer with a passion for artificial intelligence and backend development.
 
+            [Your professional identity] with [how many years in profession] of professional experience in 
+            [Areas of expertise] with willingness to learn and master/practice [Areas of interests]. 
+            [Strongest area of expertise] specialist/practitioner/expert/adept.
+
+            professional experience
+
             <!-- Self-driven, quick starters, passionate problem solvers with curious mind who love solving very complex, very challenging real world problems -->
             <!-- · Excited with opportunities to solve very complex problems and willingness to learn -->
 
@@ -300,6 +306,9 @@ <h2>
             <!-- Highly motivated to collaborate on projects having real-world impact. -->
             <!-- I love building products/softwares which help people in their daily life. -->
             <!-- Shoot me an email to discuss a career opportunity or just to say Hi 🙂. -->
+            <!-- Please see my CV attached. Yes, I'm a Full Stack Dev with 12+ years of experience in IT and looking for a new team to join and utilize my .NET Core/Azure/Node.js/AngularJs/X skills. Yes, I'm available for immediate phone call. No, relocation to East Cost is not an option.
+            P.S. I don't disclose my current salary and salary expectations but happy to discuss those topics privately.
+            Cheers, Alex Ershov. -->
 
           </h2>
         </blockquote>
@@ -682,6 +691,7 @@ <h3 class="page-title white-text teal">Projects</h3>
     </section>
 
     <!-- Fifth Section: Skills -->
+    <!-- NOTE: add Jinja2 -->
     <section id="skills" class="section scrollspy">
       <h3 class="page-title white-text teal">Skills</h3>
       <div class="container">
@@ -913,7 +923,7 @@ <h3 class="page-title white-text teal">Contact</h3>
   <script src="assets/vendor/typed.js/typed.min.js"></script>
   <script type="text/javascript">
     var typed = new Typed('.typing',{
-      strings: ["Coder", "Software Developer", "Pythonista"],
+      strings: ["Pythonista", "ML Enthusiast", "Fast Learner"],
       loop: true,
       typeSpeed: 80,
       backSpeed: 40