From f9ea8d9595b5a62cdae7922d4ed67cfd099f1031 Mon Sep 17 00:00:00 2001
From: Dylan Coots <dc@buildmidwestern.com>
Date: Fri, 2 Aug 2024 16:58:24 -0500
Subject: [PATCH] remove @responsive (its deprecated)

---
 src/components/Carousel.jsx |  2 +-
 src/layouts/Layout.astro    | 30 ++++++++++++++----------------
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/components/Carousel.jsx b/src/components/Carousel.jsx
index 201aa1a..f236ea5 100644
--- a/src/components/Carousel.jsx
+++ b/src/components/Carousel.jsx
@@ -91,7 +91,7 @@ const Carousel = ({companies}) => {
           </a>
         </div>
       </div>
-      <div className="relative container-spill xl:pl-[3rem] carousel-wrapper lg:carousel-wrapper-right">
+      <div className="relative container-spill xl:pl-[3rem] carousel-wrapper carousel-wrapper-right">
         <div
           ref={carousel}
           className="carousel-container no-scrollbar overflow-auto touch-pan-x relative flex gap-[1rem] scroll-smooth snap-x snap-mandatory z-0"
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index a5d740b..3a2f070 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -266,22 +266,20 @@ const canonicalURL = `https://fair.io/${seoSlug}`;
   .text-balance {
     white-space: balance;
   }
-  @responsive {
-	  .carousel-wrapper-right::after {
-		  z-index: 1;
-		  content: '';
-		  position: absolute;
-		  top: 0;
-		  right: 0;
-		  width: 8rem;
-		  bottom: 0;
-		  flex-shrink: 0;
-		  background: linear-gradient(
-			  270deg,
-			  #F2F0ED 7.69%,
-			  rgba(31, 22, 51, 0) 92.31%
-		  );
-	  }
+  .carousel-wrapper-right::after {
+	  z-index: 1;
+	  content: '';
+	  position: absolute;
+	  top: 0;
+	  right: 0;
+	  width: 8rem;
+	  bottom: 0;
+	  flex-shrink: 0;
+	  background: linear-gradient(
+		  270deg,
+		  #F2F0ED 7.69%,
+		  rgba(31, 22, 51, 0) 92.31%
+	  );
   }
   .carousel-wrapper-left::before {
 	  z-index: 1;