From 16f090094ede771dbf2b583281711cdcc75dcdb1 Mon Sep 17 00:00:00 2001
From: rebeccahongsf <rebeccahongsf@gmail.com>
Date: Wed, 8 May 2024 10:16:21 -0700
Subject: [PATCH] fixup banner

---
 .../nodes/pages/summer-course/summer-course-page.tsx        | 6 +++---
 src/components/patterns/arch-banner.tsx                     | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/nodes/pages/summer-course/summer-course-page.tsx b/src/components/nodes/pages/summer-course/summer-course-page.tsx
index 1652f8ae..90074847 100644
--- a/src/components/nodes/pages/summer-course/summer-course-page.tsx
+++ b/src/components/nodes/pages/summer-course/summer-course-page.tsx
@@ -40,8 +40,8 @@ const SummerCoursePage = ({ node, ...props }: Props) => {
           </div>
         </div>
       </ArchBanner>
-      <div className="centered my-32 grid grid-cols-12 gap-10">
-        <div className="order-2 col-span-12 md:col-span-8">
+      <div className="centered my-32 grid grid-cols-12 gap-10 z-10 relative">
+        <div className="order-2 col-span-12 lg:col-span-8">
           <div className="grid grid-cols-1 lg:grid-cols-2 gap-10 rs-mb-4">
             {node.sumCourseImage &&
               <div className="relative aspect-w-1 aspect-h-1">
@@ -98,7 +98,7 @@ const SummerCoursePage = ({ node, ...props }: Props) => {
             }
           </div>
         </div>
-        <div className="order-1 col-span-12 md:col-span-4">
+        <div className="order-1 col-span-12 lg:col-span-4">
           {/* Favorite List */}
           <H3>Favorites List</H3>
         </div>
diff --git a/src/components/patterns/arch-banner.tsx b/src/components/patterns/arch-banner.tsx
index 5df1befb..f36e2b39 100644
--- a/src/components/patterns/arch-banner.tsx
+++ b/src/components/patterns/arch-banner.tsx
@@ -28,7 +28,7 @@ const ArchBanner = ({imageUrl, imageAlt, eagerLoadImage, isSection, children, ..
   return (
     <BannerWrapper
       {...props}
-      className={twMerge("@container md:min-h-[400px]", props.className)}
+      className={twMerge("@container md:min-h-[400px] z-0 relative mb-[-10%] lg:mb-[-20%] 2xl:mb-[-30%]", props.className)}
     >
       <div className="aspect-[16/9] @6xl:aspect-auto absolute @6xl:absolute w-full @6xl:h-full bg-cool-grey">
         {imageUrl &&
@@ -44,7 +44,7 @@ const ArchBanner = ({imageUrl, imageAlt, eagerLoadImage, isSection, children, ..
       </div>
 
       {children &&
-        <div className="aspect-[2/1] w-screen relative flex flex-col items-center rounded-t-full bg-white border-t border-archway-light pt-[20%] rs-mt-8">
+        <div className="w-[120%] left-[-10%] aspect-[2/1] box-border relative flex flex-col items-center rounded-t-full bg-white border-t border-archway-light pt-[20%] rs-mt-8">
           {children}
         </div>
       }