From 1926028b6613ff6deef13df74d59a233b999e1b1 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Mon, 10 Jun 2024 09:34:57 +0200
Subject: [PATCH] adding behaviour sign on top of cover

---
 .../components/game/GameAnswerExplanation.scss  | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/components/game/GameAnswerExplanation.scss b/src/assets/css/components/game/GameAnswerExplanation.scss
index 74aa195..64109a8 100644
--- a/src/assets/css/components/game/GameAnswerExplanation.scss
+++ b/src/assets/css/components/game/GameAnswerExplanation.scss
@@ -21,7 +21,7 @@
 		}
 
 		&__title {
-			@apply text-5xl py-8;
+			@apply text-2xl lg:text-5xl py-8;
 		}
 
 		&__cover {
@@ -31,6 +31,21 @@
 			}
 		}
 	}
+	.modal-content-container__cover {
+		&--safe:before,
+		&--unsafe:before {
+			@apply w-24 h-24 top-0 left-1/2 top-1/2  absolute bg-contain bg-center bg-no-repeat;
+			content: "";
+			transform: translate(-50%, -50%);
+			z-index: 3;
+		}
+		&--unsafe:before {
+			background-image: url("../../../img/icons/anwser_icon_unsafe.svg");
+		}
+		&--safe:before {
+			background-image: url("../../../img/icons/anwser_icon_safe.svg");
+		}
+	}
 	.continue-game {
 		@apply mt-8;
 	}