Fix lightbox not working for first image in sidebar gallery

public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html

@@ -369,7 +369,8 @@
 
     <f:section name="SidebarGallery">
         <f:if condition="{product.images}">
-            <div class="bg-gray-50 p-4 mb-4">
+            <div class="bg-gray-50 p-4 mb-4"
+                 data-controller="lightbox">
                 <p class="font-bold mb-2">
                     Galerie
                 </p>
@@ -388,8 +389,7 @@
                                       title="{image.title}" />
                 </a>
                 <f:if condition="{product.images -> f:count()} > 1">
-                    <div class="grid grid-cols-4 gap-2"
-                         data-controller="lightbox">
+                    <div class="grid grid-cols-4 gap-2">
                         <f:for each="{product.images}" as="image" iteration="iteration">
                             <f:if condition="{iteration.index} > 0">
                                 <a href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}"