add css class for medium sized images

limits the size of images within a figure elementt to 30em.

content/posts/stanthams.md

@@ -58,6 +58,14 @@ In these cases a site builder may be the best option.
 
 As there were some minor customisations required that were not possible through the theme's interface, a child theme was created.
 
+{{<
+figure
+src="/images/stanthams/large-5.jpg"
+alt=""
+class="medium"
+caption=""
+>}}
+
 ## The Plugins
 
 The main plugin used was [Elementor](https://elementor.com/).

static/css/custom.css

@@ -16,6 +16,11 @@ body.colorscheme-light .avatar img {
   height: 100%;
 }
 
+.content figure.medium > img {
+  max-width: 30em;
+  width: 100%;
+}
+
 /*
 * icons
 */