Restruct code

static/style/main.scss

@@ -170,6 +170,19 @@ footer {
   }
 }
 
+.badges {
+  .block {
+    flex: 1;
+    text-wrap-mode: nowrap;
+    text-align: -webkit-center;
+
+    &:hover {
+      flex: 1.5;
+      transform: none;
+    }
+  }
+}
+
 .icon {
   width: 1.5em;
   vertical-align: middle;

static/style/risdeveau.scss

@@ -0,0 +1,33 @@
+h3 {
+  margin-block-end: 0;
+}
+
+.qr {
+  img { width: 100% }
+  p { text-align: center; }
+
+  &.blocks {
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    width: calc(100vw - 1rem);
+    max-width: 45rem;
+    scroll: {
+      behavior: smooth;
+      snap-type: x mandatory;
+    }
+
+    &::-webkit-scrollbar { display: none; }
+
+    &:hover .block.qr:not(:hover) {
+      filter: blur(5px);
+      transition: all 0.3s ease;
+    }
+  }
+
+  &.block {
+    flex: 0 0 calc(100vw - 2rem);
+    scroll-snap-align: start;
+    max-width: 13.666rem;
+  }
+}
+