From 0e1ca62428cd445e1117f863d098a49d935ea2e3 Mon Sep 17 00:00:00 2001
From: Lee Cattarin <lee.cattarin@gmail.com>
Date: Mon, 22 Jun 2026 09:55:47 -0700
Subject: [PATCH] inset image css

---
 css/main.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/css/main.css b/css/main.css
index fb744b5..26b1e9b 100644
--- a/css/main.css
+++ b/css/main.css
@@ -175,3 +175,27 @@ footer a:visited {
 	aspect-ratio: 40 / 9;
 	object-fit: cover;
 }
+
+.inset-left,
+.inset-right {
+	margin-bottom: 1rem;
+}
+
+
+/* only float on larger screens */
+@media (min-width: 551px) {
+	.inset-left,
+	.inset-right {
+		clear: both;
+		width: 40%;
+		margin: .5rem 0;
+	}
+	.inset-left {
+		float: left;
+		margin-right: 1rem;
+	}
+	.inset-right {
+		float: right;
+		margin-left: 1rem;
+	}
+}