From 73c1fe6ae14913895466d0fee7d3b583609e2e2e Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Fri, 13 Dec 2024 13:45:31 -0800
Subject: [PATCH] Add text overlay to caption the different assets

---
 .../web/app/components/loginPrompt/loginPrompt.tsx          | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/interface/web/app/components/loginPrompt/loginPrompt.tsx b/src/interface/web/app/components/loginPrompt/loginPrompt.tsx
index 2c5f6467..0215c520 100644
--- a/src/interface/web/app/components/loginPrompt/loginPrompt.tsx
+++ b/src/interface/web/app/components/loginPrompt/loginPrompt.tsx
@@ -358,14 +358,14 @@ function MainSignInContext({
                                 <div className="relative p-0">
                                     <Card>
                                         <CardContent className="flex flex-col items-center justify-center rounded-b-none rounded-t-lg p-0">
-                                            <div className="flex items-center justify-center text-black text-center p-4">
-                                                {tip.description}
-                                            </div>
                                             <img
                                                 src={tip.src}
                                                 alt={tip.alt}
                                                 className="w-full h-auto rounded-b-none rounded-t-lg"
                                             />
+                                            <div className="absolute bottom-1 flex items-center justify-center text-white bg-black bg-opacity-50 text-center mx-auto rounded-lg p-4">
+                                                {tip.description}
+                                            </div>
                                         </CardContent>
                                     </Card>
                                 </div>