feat: add a textimage element, add news design, add a footer

packages/base/ContentBlocks/ContentElements/textimage/assets/frontend.css

@@ -0,0 +1,55 @@
+.frame-type-cloonar_textimage {
+  margin: 2rem 0;
+}
+
+/* Mobile-first: column layout by default */
+.textimage-container {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+}
+
+.textimage-wrapper {
+  width: 100%;
+}
+
+.textimage-header {
+  font-size: 1.5rem;
+  font-weight: bold;
+  margin-bottom: 1rem;
+}
+
+.textimage-text {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.textimage-image-wrapper {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.textimage-image {
+  max-width: 100%;
+  height: auto;
+  border-radius: 0.5rem;
+}
+
+/* Image positions: 25 = left, 26 = right
+   On larger screens, adjust the layout */
+@media (min-width: 768px) {
+  .textimage-container.image-pos-25 {
+    flex-direction: row;
+  }
+
+  .textimage-container.image-pos-26 {
+    flex-direction: row-reverse;
+  }
+
+  .textimage-wrapper,
+  .textimage-image-wrapper {
+    flex: 1 1 50%;
+  }
+}