edit: recadrage video fond + blend mode event pour lisibilité

src/components/EventContent.vue

@@ -46,6 +46,8 @@
             border-radius: 16.1px;
             flex-shrink: 0;
             gap: 0;
+            mix-blend-mode: exclusion;
+            filter: contrast(200%);
 
                   .titleSection{
                     width: 100%;
@@ -102,6 +104,7 @@
     .eventEntry:hover{
       background-color: var(--back-color);
       color: var(--main-color);
+      mix-blend-mode: normal;
 
       p{
         color: var(--main-color);

src/style.css

@@ -158,7 +158,7 @@ html, body{
   right: 0;
   bottom: 0;
   width: auto;
-  height: 200%;
+  height: 133%;
   overflow: hidden;
   pointer-events: none;
   z-index: -1;
@@ -167,6 +167,10 @@ html, body{
   filter: contrast(200%) saturate(33%) grayscale();
   transform: rotate(180deg);
   mix-blend-mode: difference;
+
+  @media(min-width: 700px){
+    height: 200%;
+  }
 }
 
 #mainContainer{