work flyer into imbolc page

assets/styles/main.css

@@ -159,3 +159,19 @@ main li:not(:last-child) {
 .no-header {
   border-radius: 1rem;
 }
+
+.two-col {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1rem;
+}
+
+.two-col > * {
+  place-self: start center;
+}
+
+@media (max-width: 750px) {
+  .two-col {
+    grid-template-columns: 1fr;
+  }
+}

events/2026-imbolc/index.html

@@ -37,12 +37,17 @@
       <main id="main">
         <h1>Imbolc 2026 Celebration & Market at the Beall Greenhouses</h1>
 
+        <div class="two-col">
           <div class="no-header">
             <p>Join us to celebrate the returning of the light on
               <time datetime="2026-01-31 10:00">Saturday, January 31st, 2026, 10am - 5pm</time>.</p>
             <p>Find us in studios in the former cold storage facility at the old Beall Greenhouses:
               <a href="https://maps.app.goo.gl/5p1NAArdjX4vaEgw9" target="_blank">18527 Beall Rd SW, Vashon, WA 98070</a>
             </p>
+            <p>Share the flyer and bring friends!</p>
+          </div>
+
+          <img src="/assets/img/2026-imbolc/flyer.jpg" alt="a black and white flyer for the Imbolc event that reads: Imbolc Celebration and Market at the Beall Greenhouses. Crafting and art, open studios. It then lists the address, time, and website. The text is overlaid on a darkened image of a dilapidated greenhouse, and the site's hummingbird logo is inset.">
         </div>
 
         <h2>Artists</h2>