Add support for marking image alignment in alt

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;
+}