add lodging

css/styles.css

@@ -342,7 +342,7 @@ a {
   height: 800px;
   align-items: center;
   background-attachment: fixed;
-  background-position: center;
+  background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
 }

index.html

@@ -161,7 +161,7 @@
             href="https://www.azurestandard.com/"
             target="_blank"
             rel="noopener noreferrer"
-            ><img src="./assets/azure-lockup-stack-tag-rgb.jpg" height="100px"
+            ><img src="./assets/azure-lockup-stack-tag-rgb.webp" height="100px"
           /></a>
           <a
             href="https://loreroasters.com/"
@@ -465,13 +465,59 @@
       </div>
       <div class="flex-column">
         <h2>
-          <span class="underline">Onsite</span>
-          <span class="bold">LODGING</span>
+          <span class="underline">Home</span>
+          <span class="bold">Away from Home</span>
         </h2>
         <p>
-          When you order a stay ticket you get to choose from available rooms at
-          checkout that can accommodate you, your family or a whole group!
+          When you purchase a "Stay Ticket" our onsite accommodations provide a
+          convenient and cozy place to rest and recharge, allowing you to fully
+          immerse yourself in the 3-day retreat experience!
         </p>
+        <div class="flex-row">
+          <div class="card">
+            <img src="./assets/beds1.webp" style="width: 100%" />
+            <h3>Special Requests</h3>
+            <p class="title">
+              We're committed to providing an exceptional experience. Is there
+              anything else we can do to make your stay with us special? We'll
+              do our best to accommodate.
+            </p>
+          </div>
+          <div class="card">
+            <img src="./assets/beds2.webp" style="width: 100%" />
+            <h3>Rooms</h3>
+            <p class="title">
+              Are you looking for a specific room configuration for you or your
+              group (e.g., shared room, adjacent rooms, rooms on the same floor)
+              we have it all.
+            </p>
+          </div>
+          <div class="card">
+            <img src="./assets/beds3.webp" style="width: 100%" />
+            <h3>Number of Beds</h3>
+            <p class="title">
+              To ensure everyone has a comfortable place to sleep, just let us
+              know how many beds you'll need at checkout.
+            </p>
+          </div>
+          <div class="card">
+            <img src="./assets/accessibility.webp" style="width: 100%" />
+            <h3>Accessibility</h3>
+            <p class="title">
+              We're committed to making sure everyone has a comfortable and
+              accessible stay. Just let us know what you need.
+            </p>
+          </div>
+          <div class="card">
+            <img src="./assets/bathroom1.webp" style="width: 100%" />
+            <h3>Amenities</h3>
+            <p class="title">
+              Our onsite accommodations feature full bathroom facilities,
+              including hot showers, to ensure your comfort and convenience
+              during your stay.
+            </p>
+          </div>
+        </div>
       </div>
       <div class="flex-column">
         <h2>