Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01

www/armures.html

@@ -66,6 +66,8 @@
                 <source src="./medias/mediasAndres/EmberVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Ember</h2>
                 <p>
@@ -100,6 +102,8 @@
                 <source src="./medias/mediasAndres/equinox.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Equinox</h2>
                 <p>
@@ -131,6 +135,8 @@
                 <source src="./medias/mediasAndres/FrostVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Frost</h2>
                 <p>
@@ -162,6 +168,8 @@
                 <source src="./medias/mediasAndres/KoumeiVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Koumei</h2>
                 <p>
@@ -194,6 +202,8 @@
                 <source src="./medias/mediasAndres/RhinoVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Rhino</h2>
                 <p>Rhino est un Warframe lourdement blindé, doté de la force et de la robustesse de son homonyme
@@ -225,6 +235,8 @@
                 <source src="./medias/mediasAndres/SevagothVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Sevagoth</h2>
                 <p>
@@ -256,6 +268,8 @@
                 <source src="./medias/mediasAndres/VorunaVid.webm" type="video/webm">
             </video>
 
+            <div class="bg-overlay"></div>
+
             <div class="content">
                 <h2>Voruna</h2>
                 <p>

www/css/style.css

@@ -847,6 +847,16 @@ footer {
     z-index: 0;
 }
 
+.perso .bg-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.80);
+    z-index: 1;
+}
+
 .armures .perso .content {
     position: relative;
     z-index: 10;