second picture on about page

css/index.css

@@ -41,7 +41,17 @@ body, html {
 
 /* About Me*/
 #aboutmeText {
+    width: 100%;
+}
+
+.aboutcontainer {
     width: 40%;
+    float: left;
+}
+
+.aboutPic {
+    width: 60%;
+    float: left;
 }
 
 /* screen larger than 600px -- desktop */

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,9 +71,11 @@
 <!-- About Page -->
 <div id="section2" class="bg-warning tile">
     <div class="container">
+        <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
+                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.
@@ -85,8 +87,17 @@
 
             <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>
 
 <!-- Experience Page -->