Make gallery nicer in card view

src/mixins/post.pug

···
             div.gallery(class=`${query.view}`)
               each item in postGalleryItems(p)
                 div.gallery-item(class=`${query.view}`)
+                  a(href=`/media/${item.url}`)
+                    img(src=item.url loading="lazy")
                   div.gallery-item-idx(class=`${query.view}`)
                     | #{`${item.idx}/${item.total}`}
-                  a(href=`/media/${item.url}`)
-                    img(src=item.url loading="lazy")
           else
             img(src=item.url onclick=onclick) 
         else if isPostImage(p)

src/public/styles.css

···
 
 .gallery.card {
   align-items: center;
+  scroll-snap-type: both mandatory;
 }
 
 .gallery-item.card {
   max-width: 100%;
+  width: 100%;
+  scroll-snap-align: center;
+}
+
+.gallery-item-idx.card {
+  text-align: center;
 }
 
 .spoiler {