From d9b396858bd38e98d56f12af95d0d1b959c611d0 Mon Sep 17 00:00:00 2001
From: Raul Andrade <raul.andrade@mercadofavo.com>
Date: Mon, 21 Mar 2022 22:13:39 -0300
Subject: [PATCH] fix: add image background to festival feat

---
 src/features/festival/festival.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/features/festival/festival.tsx b/src/features/festival/festival.tsx
index 80329b1..c5e8723 100644
--- a/src/features/festival/festival.tsx
+++ b/src/features/festival/festival.tsx
@@ -35,14 +35,15 @@ export const Festival = ({ artists }: FestivalProps) => {
         </PrimaryText>
       </div>
       <div
-        className="min-h-96 md:p-10 flex flex-col
+        className="min-h-96 p-10 flex flex-col
         justify-center items-center uppercase
         bg-gradient-to-t from-amber-200 via-yellow-50 to-amber-200
-        text-gray-800 relative
+        text-gray-100
         overflow-hidden
+        bg-[url('/img/bg.jpg')]
       "
       >
-        <div className="z-10 md:mb-32 text-center">
+        <div className="mb-32 text-center">
           <div
             className="text-5xl md:text-7xl flex flex-col 
           p-10 md:mb-32 font-extrabold text-red-500 font-mono"
@@ -80,11 +81,6 @@ export const Festival = ({ artists }: FestivalProps) => {
             ))}
           </div>
         </div>
-
-        <img
-          className="absolute bottom-0 opacity-50 blur-sm"
-          src="/img/bg.jpg"
-        />
         <span>Randomfy</span>
       </div>
       <div className="flex justify-center p-10">