Fix image alignment in text elements

CHANGELOG.md

@@ -10,9 +10,10 @@ Types of changes
     Security in case of vulnerabilities.
 )
 
-## [3.4.0](https://github.com/contao-themes-net/odd-theme-bundle/tree/3.4.0) – 2023-12-05
+## [3.4.0](https://github.com/contao-themes-net/odd-theme-bundle/tree/3.4.0) – 2024-01-08
 
 - [Added] Add transition for logo (use logo_odd.html.twig template) [#56](https://github.com/contao-themes-net/odd-theme-bundle/issues/56)
+- [Fixed] Fix image alignment in text elements
 
 ## [3.3.2](https://github.com/contao-themes-net/odd-theme-bundle/tree/3.3.2) – 2023-09-21
 

public/scss/parts/elements.scss

@@ -369,3 +369,49 @@ blockquote {
     }
   }
 }
+
+.media.content-text {
+  display: block;
+  overflow: hidden;
+
+  &.hero.media--left figure {
+    float: left;
+  }
+
+  &.hero.media--right figure {
+    float: right;
+  }
+
+  &.hero.media--below .container {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  &.media--left figure {
+    margin: 0 20px 20px 0;
+    float: left;
+  }
+
+  &.media--right figure {
+    margin: 0 0 20px 20px;
+    float: right;
+  }
+
+  &.media--below {
+    display: flex;
+    flex-wrap: wrap;
+
+    figure {
+      order: 2;
+      margin-top: 15px;
+    }
+
+    h1, h2, h3, h4, h5, h6 {
+      margin-bottom: 10px;
+    }
+
+    .rte {
+      order: 1;
+    }
+  }
+}