Switch all pics to webp, + stuphs

public/css/site.css

@@ -16,6 +16,9 @@
 .card{
     --bulma-card-shadow: none !important;
 }
+.box{
+    --bulma-box-shadow: none !important;
+}
 .has-text-weight-bold {
     font-weight: 600 !important;
 }
@@ -88,6 +91,33 @@ video{
     corner-shape: squircle;
     aspect-ratio: 1;
 }
+
+/*INCENTIVES*/
+.incentive-block{
+    position: relative;
+    aspect-ratio: 16/9;
+}
+
+.incentive-block .bg{
+    position: absolute;
+    top:0;
+    left:0;
+    width:100%;
+    height:100%;
+    background-size: cover;
+    background-position: center;
+    /*mix-blend-mode: overlay; !* overlay? *!*/
+    z-index:1;
+    box-shadow: 0 0 5px 16px var(--bulma-black) inset;
+    border-radius: var(--bulma-box-radius);
+}
+
+.incentive-block .text-content{
+    position: relative;
+    z-index:2;
+}
+
+/*GALLERY*/
 #gallery{
     position:relative;
 }
@@ -103,13 +133,21 @@ video{
 .photo:hover{
     transform: rotate(0deg) !important;
 }
-.photo.full{
-    position:fixed;
+.photo-full{
+    position:absolute;
+    cursor:pointer;
+    display:none;
+    background:var(--bulma-white);
+    padding:10px;
+    width:100%;
     top:0;
-    height:calc(100vh - 4rem);
+    left:0;
+    /*height:calc(100vh - 4rem);*/
     transform: rotate(0deg) !important;
     z-index:100;
     margin:2rem;
+    border-radius: 5px;
+    box-shadow: 0 4px 6px hsla(0,0%,6%,0.3);
 }
 /*#tournaments*/
 .tournament-block{