install swiper, start styling image gallery

web/package-lock.json

@@ -21,6 +21,7 @@
         "react-dom": "^18",
         "react-intersection-observer": "^9.10.2",
         "sass": "^1.77.2",
+        "swiper": "^11.1.3",
         "urql": "^4.1.0"
       },
       "devDependencies": {
@@ -8026,6 +8027,24 @@
         "tslib": "^2.0.3"
       }
     },
+    "node_modules/swiper": {
+      "version": "11.1.3",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.1.3.tgz",
+      "integrity": "sha512-80MSxonyTxrGcaWj9YgvvhD8OG0B9/9IVZP33vhIEvyWvmKjnQDBieO+29wKvMx285sAtvZyrWBdkxaw6+D3aw==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
     "node_modules/tapable": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",