Switch all pics to webp, + stuphs

resources/views/_incentiveblock.antlers.html

@@ -1,6 +1,12 @@
-<div class="incentive-block" >
-{{#     <img src="{{ glide:photo preset='thumbnail' }}" alt="{{ icon:alt }}"> #}}
-    <div class="squircle" style="background-image:url('{{ glide:photo }}');"></div>
-    <h3 class="is-size-3 has-text-primary">{{ title }}</h3>
-    <p>{{ description }}</p>
+<div class="incentive-block block py-3 fixed-grid has-1-cols has-2-cols-tablet">
+    {{ isOdd = index % 2 }}
+    <div class="bg" style="background-image:url('{{ glide:photo q="80" width="1344" fm="webp"}}')"></div>
+    <div class="grid text-content py-3">
+        {{ if isOdd }} <div></div> {{ /if }}
+        <div class="has-background-black {{ isOdd ? 'has-text-right' : '' }} px-p-5 box">
+            <div class="is-size-3 has-text-primary is-uppercase block has-text-weight-bold">{{ title }}</div>
+            <p class="is-size-5">{{ description }}</p>
+        </div>
+        {{ if !isOdd }}<div></div>{{ /if }}
+    </div>
 </div>