Added a way to add html to content

styles/_styles.scss

@@ -3,6 +3,7 @@
 @import "header";
 @import "anchoring";
 @import "carousel";
+@import "image";
 
 @tailwind base;
 @tailwind components;
@@ -18,8 +19,11 @@ html {
     scroll-padding-top: var(--header-Height);
 }
 
+.font {
+    font-family: 'Questrial', sans-serif;
+}
+
 body {
     font-family: 'Questrial', sans-serif;
     background-color: var(--body-BackgroundColor);
-
 }

styles/image.scss

@@ -0,0 +1,15 @@
+.inline-image {
+  .default-border {
+    border: var(--primaryColor) solid .25rem;
+    border-radius: 1rem;
+  }
+  .sm-size {
+    height: 15rem;
+  }
+  .md-size {
+    height: 25rem;
+  }
+  .lg-size {
+    height: 40rem;
+  }
+}