refactor(bulma): use generic gallery to avoid having multiple same ids

src/fellchensammlung/static/fellchensammlung/css/bulma-styles.css

@@ -63,7 +63,7 @@
 IMAGES
  *****/
 
-#my-gallery .main-photo img {
+.gallery .main-photo img {
     width: 100%;
     height: 300px;
     object-fit: cover;

src/fellchensammlung/static/fellchensammlung/js/photoswipe.js

@@ -1,7 +1,7 @@
 import PhotoSwipeLightbox from 'https://unpkg.com/photoswipe/dist/photoswipe-lightbox.esm.js';
 
 const lightbox = new PhotoSwipeLightbox({
-  gallery: '#my-gallery',
+  gallery: '.gallery',
   children: 'a',
   pswpModule: () => import('https://unpkg.com/photoswipe'),
 });

src/fellchensammlung/templates/fellchensammlung/details/bulma-detail-adoption-notice.html

@@ -38,7 +38,7 @@
                         <div class="column block">
                             <div class="card">
                                 <div class="grid card-content">
-                                    <div class="cell" id="my-gallery">
+                                    <div class="cell gallery">
                                         {% for photo in adoption_notice.get_photos %}
                                             <a href="{{ MEDIA_URL }}{{ photo.image }}"
                                                data-pswp-width="{{ photo.image.width }}"

src/fellchensammlung/templates/fellchensammlung/partials/bulma-partial-animal-card.html

@@ -18,7 +18,7 @@
             </div>
         {% endif %}
 
-        <div id="my-gallery">
+        <div class="gallery">
             {% with photo=animal.get_photos.0 %}
                 <div class="main-photo">
                     <a href="{{ MEDIA_URL }}{{ photo.image }}"