diff --git a/pelican_theme_teckids/static/css/style.css b/pelican_theme_teckids/static/css/style.css
index ad0a2168d97f2e612bc028a73d0b71447a4ba699..f9475b1980ac0f4230577010066455a6a705c810 100644
--- a/pelican_theme_teckids/static/css/style.css
+++ b/pelican_theme_teckids/static/css/style.css
@@ -206,3 +206,24 @@ time.icon span {
 img, svg {
     max-width: 100%;
 }
+
+/* Allow image alignment with arrow i nalt attribute.
+ * Thanks to https://stackoverflow.com/a/39614958/3035850
+*/
+img[alt$=">"] {
+    float: right;
+    max-height: 20em;
+    margin: 0 0 2em 2em;
+}
+img[alt$="<"] {
+    float: left;
+    max-height: 20em;
+    margin: 0 2em 2em 0;
+}
+img[alt$="><"] {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    margin: auto;
+    float: none!important;
+}