home: scratch that idea, bibou oracle finished

static/style.css

@@ -466,43 +466,41 @@ home-content {
           gap: 2rem;
         }
 
-        bibou-oracle {
-          background-image: url(assets/images/boob_oracle_bg.png);
 
-          bibou-container {
+        bibou-container {
-            position: relative;
+          position: relative;
+          display: block;
+          width: 100px;
+          margin: 0 auto;
+          cursor: pointer;
+
+          img {
+            width: 100%;
             display: block;
-            width: 100px;
-            margin: 0 auto;
-            cursor: pointer;
-
-            img {
-              width: 100%;
-              display: block;
-            }
-
-            &:hover .bibou {
-              opacity: 1;
-            }
-
-            .bibou {
-              position: absolute;
-              top: 0;
-              left: 0;
-              opacity: 0;
-            }
-
-            &:hover .boubou {
-              opacity: 0;
-            }
           }
 
-          bibou-text {
+          &:hover .bibou {
-            font-style: italic;
+            opacity: 1;
-            text-align: center;
+          }
+
+          .bibou {
+            position: absolute;
+            top: 0;
+            left: 0;
+            opacity: 0;
+          }
+
+          &:hover .boubou {
+            opacity: 0;
           }
         }
 
+        bibou-text {
+          font-style: italic;
+          text-align: center;
+        }
+
+
 
       }
 

templates/partials/home.html

@@ -54,14 +54,12 @@
             width="30px" alt="Instagram logo" /></a>
       </socials>
       <img width="200px" src="/static/assets/gifs/divider2.gif" alt="Decorative divider" />
-      <bibou-oracle>
+      <bibou-container>
-        <bibou-container>
+        <img class="boubou" src="/static/assets/images/boubou.webp" alt="Bibou endormi" />
-          <img class="boubou" src="/static/assets/images/boubou.webp" alt="Bibou endormi" />
+        <img class="bibou" src="/static/assets/images/bibou.webp" alt="Bibou éveillé" />
-          <img class="bibou" src="/static/assets/images/bibou.webp" alt="Bibou éveillé" />
+      </bibou-container>
-        </bibou-container>
+      <bibou-text>
-        <bibou-text>
+      </bibou-text>
-        </bibou-text>
-      </bibou-oracle>
     </box>
     <box id="newsbox">
       <website-news>