From 5660bb352f301f37ea8d79dfd338953ce50bca43 Mon Sep 17 00:00:00 2001
From: ccatherinetan <64336644+ccatherinetan@users.noreply.github.com>
Date: Sat, 13 Jan 2024 13:31:33 -0800
Subject: [PATCH] [feat] add graphics to contact (#28)

* add graphics

* change rem to px, add z-index
---
 src/components/Contact.astro | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/components/Contact.astro b/src/components/Contact.astro
index c7ec4ab..f33c7b6 100644
--- a/src/components/Contact.astro
+++ b/src/components/Contact.astro
@@ -1,3 +1,8 @@
+---
+import { Image } from 'astro:assets';
+import shapes from '../graphics/shapes_twirl_2.svg';
+---
+
 <section>
   <h4 id="contact">CONTACT US</h4>
   <div class="spacer"></div>
@@ -18,6 +23,7 @@
     if you need a particular accommodation. Note that requests made less than 24
     hours before the event will likely not be accommodated.
   </p>
+  <Image class="img" src={shapes} alt="" />
 </section>
 
 <style lang="scss">
@@ -49,4 +55,11 @@
     text-decoration-line: underline; // the underline is too close to the text...
     text-underline-offset: 2px;
   }
+
+  .img {
+    position: absolute;
+    right: 0; 
+    top: 73px;
+    z-index: -1;
+  }
 </style>