css correction ok bg

site/static/css/style.css

@@ -1,11 +1,41 @@
+/* RE SOLUCE CSS */
+
 body {
-    /* background-image: url('../static/re1_jill_assets/'); */
-    background-repeat: no-repeat;
-    background-attachment: fixed;
-    background-size: cover;
-    background-position: center;
+  margin: 0;
+  min-height: 100vh;
 }
 
+/* CHRIS */
+body.chris::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  background: url("../re1_jill_assets/re1.png") center / cover no-repeat;
+  opacity: 0.8;
+  z-index: -1;
+}
+
+/* JILL */
+body.jill::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  background: url("../re1_jill_assets/re1.png") center / cover no-repeat;
+  opacity: 0.8;
+  z-index: -1;
+}
+
+/* FABLE */
+body.fable::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  background: url("../fable_assets/bg.png") center / cover no-repeat;
+  opacity: 0.8;
+  z-index: -1;
+}
+
+
 h1, h3 {
 	color:red;
 }
@@ -32,64 +62,4 @@ b, .subSectionDesc, .subSectionTitle {
 	text-align: center;
 	color: honeydew;
 	font-size: larger;
-}
-
-.replyButton {
-	width: 100%;
-    text-align: center;
-    margin-bottom: 4px;
-}
-
-.buttonGroup {
-	flex: 18%;
-	margin-left: 20px;
-	margin-right: 0px;
-}
-.cookieMessage {
-	flex: 85%;
-	margin: auto;
-}
-.popupTextTitle {
-	padding-bottom: 10px;
-    font-size: 13px;
-    line-height: 17px;
-    color: #c6d4df;
-}
-.popupTextTitle a {
-    text-decoration: underline;
-}
-.cookiepreferences_popup {
-	display: none;
-	position: fixed;
-	bottom: 0;
-	width: 100%;
-	z-index: 2000;
-	padding-top: 10px;
-}
-.cookiepreferences_popup_content {
-	display: flex;
-    box-sizing: border-box;
-	width: 90%;
-	margin: auto;
-	margin-bottom: 20px;
-	padding: 16px 16px 10px 16px;
-    max-width: 980px;
-	background: linear-gradient(90.85deg, #333840 0.58%, #25282E 74.92%);
-	box-shadow: 0px 0px 10px #000000;
-    border-left: 2px solid #00CCFF;
-}
-@media all and (max-width: 910px) {
-    body.responsive_page .cookiepreferences_popup_content {
-        flex-direction: column;
-    }
-    body.responsive_page .cookiepreferences_popup_content .cookieMessage {
-        margin-bottom: 20px;
-    }
-    body.responsive_page .cookiepreferences_popup_content .buttonGroup {
-        flex-direction: row;
-        margin-left: 0px;
-    }
-    body.responsive_page .cookiepreferences_popup_content .buttonGroup .replyButton {
-        width: unset;
-    }
 }