style: Added profile picture animation

index.html

@@ -35,6 +35,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
     <link rel="stylesheet" href="assets/fonts/ionicons.min.css">
     <link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
+    <link rel="stylesheet" href="assets/css/profile.css">
     <link rel="stylesheet" href="assets/css/Social-Icons.css">
 <link rel="canonical" href="https://nathan.woodburn.au" />
 </head>
@@ -70,7 +71,8 @@ height="0" width="0" style="display: none;visibility: hidden;"></iframe></noscri
         <div class="container">
             <div class="row">
                 <div class="col-lg-8 mx-auto">
-                    <h2>About ME</h2><img src="assets/img/profile.png" width="200px" style="border-radius: 50%;margin-bottom: 35px;">
+                    <h2>About ME</h2>
+                    <div class="profile-container" style="margin-bottom: 2em;"><img class="profile background" src="assets/img/profile.jpg" style="border-radius: 50%;"><img class="profile foreground" src="assets/img/pfront.png"></div>
                     <p>Hi, I'm Nathan Woodburn and I live in Canberra, Australia.<br>I've been home schooled all the way to Yr 12.<br>I'm currently studying a&nbsp;Bachelor of Engineering.<br>I started a 3D printing service in early 2021.<br>I'm one of the founders of <a href="https://hns.au" target="_blank">Handshake AU</a>. We work to help Handshake adoption in Australia<br>I work for <a href="https://www.namebase.io" target="_blank">Namebase</a>&nbsp;as tech and general support. Namebase is owned by <a href="https://namecheap.com" target="_blank">Namecheap</a>&nbsp;and is an easy way to get a domain on Handshake.</p>
                 </div>
             </div>