diff --git a/SoC-2024-Ideas.md b/SoC-2024-Ideas.md
index 4e294d62c3..cd3a406519 100644
--- a/SoC-2024-Ideas.md
+++ b/SoC-2024-Ideas.md
@@ -3,7 +3,7 @@ layout: default
 title: SoC 2024 Ideas
 ---
 
-<img style="float: right;" src="https://git-scm.com/images/logos/downloads/Git-Logo-2Color.svg">
+![git logo >](https://git-scm.com/images/logos/downloads/Git-Logo-2Color.svg)
 
 This is the idea page for Summer of Code 2024 for Git.
 
diff --git a/css/main.css b/css/main.css
index f46e43f435..d93ed16ac9 100644
--- a/css/main.css
+++ b/css/main.css
@@ -2062,3 +2062,30 @@ img {
   padding-left: 2em;
   text-indent: -2em;
 }
+
+@media screen and (min-width: 800px) {
+  img[alt$=">"] {
+    float: right;
+  }
+
+  /*
+   * Below styles could be useful when we position
+   * images to left / center. They're commented now
+   * since we don't use images in our site much.
+   *
+   * Ref: https://stackoverflow.com/a/39614958/5614968
+   */
+  /*
+  img[alt$="<"] {
+    float: left;
+  }
+
+  img[alt$="><"] {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    margin: auto;
+    float: none!important;
+  }
+  */
+}