diff --git a/objectionable.solutions/index.html b/objectionable.solutions/index.html
index d7529de..62ae2b9 100644
--- a/objectionable.solutions/index.html
+++ b/objectionable.solutions/index.html
@@ -15,9 +15,9 @@
 <main>
 <section id="about">
     <h2><a href="#about">About Me</a></h2>
-    <section style="height: 8em;">
-        <img src="favicon.svg" class="image-right" alt="A vector drawing of a blonde white woman wearing a purple tank top and a witch hat. On top of the hat a jackdaw is perched">
-        <p>
+    <section>
+        <img src="favicon.svg" class="image-right" style="height: 8em;" alt="A vector drawing of a blonde white woman wearing a purple tank top and a witch hat. On top of the hat a jackdaw is perched">
+        <p style="width: 70%">
             I am a Dutch Game Development student and programmer. This particular site is just a personal page to throw ideas and thingamabobs onto. When it comes to programming I love working on graphical applications. Preferably some kind of GUI or simulation or game. <a href="the-big-list.html#tools">I prefer using libre and open source software where I can</a>.
         </p>
     </section>
diff --git a/objectionable.solutions/style.css b/objectionable.solutions/style.css
index 0ae5949..b7537ad 100644
--- a/objectionable.solutions/style.css
+++ b/objectionable.solutions/style.css
@@ -76,14 +76,6 @@ img {
                 var(--color-br-border) var(--color-tl-border);
 }
 
-img.image-right {
-    float: right;
-    max-height: 100%;
-    height: 100%;
-    width: fit-content;
-    margin-left: 20px;
-}
-
 img.image-left {
     float: left;
     max-height: 100%;
@@ -92,9 +84,22 @@ img.image-left {
     margin-right: 20px;
 }
 
+img.image-right {
+    float: right;
+    max-height: 100%;
+    height: 100%;
+    width: fit-content;
+    margin-left: 20px;
+}
+
 img.button {
     border-radius: 0;
     border: 0;
     width: 110px;
     image-rendering: pixelated;
 }
+
+@media screen and (width <= 80rem) {
+    img.image-left {}
+    img.image-right {}
+}