second picture on about page

css/index.css

@@ -10,7 +10,7 @@ body, html {
     padding-bottom: 70px;
 }
 
-.nav-item{
+.nav-item {
     text-transform: uppercase;
     text-decoration: none;
     font: bold 15px/1.4 'Open Sans', arial, sans-serif;
@@ -34,14 +34,24 @@ body, html {
     color: #fffd80;
 }
 
-#homepicture{
+#homepicture {
     float: left;
     height: 400px;
 }
 
 /* About Me*/
-#aboutmeText{
+#aboutmeText {
+    width: 100%;
+}
+
+.aboutcontainer {
     width: 40%;
+    float: left;
+}
+
+.aboutPic {
+    width: 60%;
+    float: left;
 }
 
 /* screen larger than 600px -- desktop */
@@ -104,13 +114,13 @@ body, html {
         font-size: 13px;
     }
 
-    #homepicture{
+    #homepicture {
         height: 300px;
         width: 100%;
     }
 
     /* About Me*/
-    #aboutmeText{
+    #aboutmeText {
         width: 100%;
     }
 }

index.html

@@ -63,7 +63,7 @@
             </p>
         </div>
         <div id="homepicture">
-            <img src="rsc/self3.png" height="100%" style="display: block;margin-left: auto;margin-right: auto;">
+            <img src="rsc/self3.png" height="100%" style="display: block;right:0">
         </div>
     </div>
 </div>
@@ -71,21 +71,32 @@
 <!-- About Page -->
 <div id="section2" class="bg-warning tile">
     <div class="container">
-        <h1>About me</h1>
-        <p id="aboutmeText">
-            Hello! I'm Lukas, a software engineer based in Austria who enjoys building GUI-Software as well as things
-            that live on the internet.
-            I develop hardware near software exceptional websites and apps that provide intuitive and user friendly
-            interfaces with efficient and modern backends.
-            I'm currently a student of the HTL Steyr and I am in the final year.
-            <br><br>
+        <div class="aboutcontainer">
+            <h1>About me</h1>
+            <p id="aboutmeText">
+                Hello! I'm Lukas, a software engineer based in Austria who enjoys building GUI-Software as well as
+                things
+                that live on the internet.
+                I develop hardware near software exceptional websites and apps that provide intuitive and user friendly
+                interfaces with efficient and modern backends.
+                I'm currently a student of the HTL Steyr and I am in the final year.
+                <br><br>
 
-            Here are a few technologies I've been working with recently:
-        </p>
+                Here are a few technologies I've been working with recently:
+            </p>
 
-        <ul>
-            <li>C++</li>
-        </ul>
+            <ul>
+                <li>C++</li>
+                <li>Java</li>
+                <li>Kotlin</li>
+                <li>HTML/CSS/JS</li>
+                <li>Latex</li>
+                <li>OpenSCAD</li>
+            </ul>
+        </div>
+        <div class="aboutPic">
+            <img src="rsc/self4.jpg" height="300px" style="display: block;float:right; margin-top: 10%">
+        </div>
     </div>
 </div>