<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
   $('section .gallery-reel-item img').each(function() {
       var altText = $(this).attr('alt');
       if (altText && altText.trim() !== '') {
           var captionSpan = $('<span>' + altText + '</span>');
           $(this).closest('.gallery-reel-item-wrapper').append(captionSpan);
       }
   });
});
</script>
<style>
figure.gallery-reel-item span {
    opacity: 0 !important;
    visibility: visible !important;
    position:absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    margin: 0 !important;
    height: auto !important;
    pointer-events: none;
  transition: all 0.3s ease;
}
.gallery-reel-item-wrapper {
    position: relative;
    overflow: hidden;
}
figure.gallery-reel-item:hover span {
    opacity: 1 !important;
}
figure.gallery-reel-item img, figure.gallery-reel-item span {
    transition: all 0.3s ease;
}
figure.gallery-reel-item:hover img {
    opacity: 0.3;
    transition: all 0.3s ease;
}
figure[data-active="true"] span {
    opacity: 1;
}
.gallery-reel-list {
    overflow: visible !important;
}

.gallery-reel-item-wrapper {
    overflow: visible !important;
}
section:has(figure.gallery-reel-item) {
    overflow: hidden;
}
</style>