Have you tried making changes yourself using CSS? Because the spacing between the images is not the Enfold standard spacing when set to “large gap.”

so in total : replace the snippet by:
( btw. i changed the code on my page too – if you hover the snippet there is on top right of the codeblock a copy button)

/**
 * Enfold Masonry Caption Fix - NUR für Perfect Grid
 * Schiebt die Caption unter das Bild, ohne es zu verdecken.
 */

function enfold_masonry_perfect_grid_caption_fix() {
?>
<style>
    /* ========================================
       PERFECT GRID CSS
       ======================================== */
    
    /* Erlaubt der Caption, über den Container hinauszuragen */
    #top .av-masonry.av-fixed-size.av-masonry-gallery .av-inner-masonry,
    #top .av-masonry-gallery.av-masonry-gallery-fixed figure.av-inner-masonry {
        overflow: visible !important;
    }
    
    /* Positioniert die Caption direkt unter das Bild-Quadrat */
    #top .av-masonry.av-fixed-size.av-masonry-gallery .av-inner-masonry-content,
    #top .av-masonry-gallery.av-masonry-gallery-fixed figcaption.av-inner-masonry-content {
        position: relative !important;
        top: 100%;
        background: #ffffff; /* Hier ggf. deine Wunschfarbe für den Hintergrund */
    }

    /* Korrektur für Tablets */
    @media only screen and (min-width: 767px) and (max-width: 989px) {
        .responsive .av-masonry-gallery .av-masonry-entry .av-masonry-entry-title + .av-masonry-entry-content {
            display: block !important;
        }
    }
</style>
    
<script>
    (function($) {
        'use strict';
        
        function fixPerfectGrid() {
            // Nur für Masonry Galerien mit festem Raster (Perfect Grid)
            $('.av-masonry-gallery.av-masonry-gallery-fixed, .av-masonry.av-fixed-size.av-masonry-gallery').each(function() {
                var $gallery = $(this);
                var columnCount = 1;
                
                // Spaltenanzahl ermitteln
                if ($gallery.hasClass('av-masonry-col-2')) columnCount = 2;
                else if ($gallery.hasClass('av-masonry-col-3')) columnCount = 3;
                else if ($gallery.hasClass('av-masonry-col-4')) columnCount = 4;
                else if ($gallery.hasClass('av-masonry-col-5')) columnCount = 5;
                else if ($gallery.hasClass('av-masonry-col-6')) columnCount = 6;
                
                if ($gallery.hasClass('av-masonry-col-flexible')) {
                    var $items = $gallery.find('.av-masonry-item-with-image:visible');
                    if ($items.length >= 2) {
                        var firstTop = $items.eq(0).offset().top;
                        var itemsInFirstRow = 1;
                        for (var i = 1; i < Math.min($items.length, 10); i++) {
                            if (Math.abs($items.eq(i).offset().top - firstTop) < 10) {
                                itemsInFirstRow++;
                            } else { break; }
                        }
                        columnCount = itemsInFirstRow;
                    }
                }
                
                // Maximalhöhe der Captions finden, damit die Zeilen gleichmäßig bleiben
                var maxCaptionHeight = 0;
                $gallery.find('.av-masonry-item-with-image').each(function() {
                    var $caption = $(this).find('figcaption.av-inner-masonry-content, .av-inner-masonry-content');
                    if ($caption.length && $caption.is(':visible')) {
                        maxCaptionHeight = Math.max(maxCaptionHeight, $caption.outerHeight(true));
                    }
                });
                
                // Abstand unten einfügen, damit das Masonry-Layout Platz für die Caption lässt
                if (maxCaptionHeight > 0) {
                    $gallery.find('a.av-masonry-entry, .av-masonry-item-with-image').css('margin-bottom', maxCaptionHeight + 'px');
                }
            });
            
            // Layout neu berechnen
            $('.av-masonry-gallery.av-masonry-gallery-fixed, .av-masonry.av-fixed-size.av-masonry-gallery').isotope('layout');
        }   

        // ========================================
        // INITIAL LOAD - Nur auf Bilder warten, nicht auf die ganze Seite
        // ========================================
        (function() {
            var $gallery = $('.av-masonry-gallery');
            
            if ($gallery.length && typeof $.fn.imagesLoaded === 'function') {
                // Wartet NUR auf die Bilder in der Galerie
                $gallery.imagesLoaded(function() {
                    setTimeout(fixPerfectGrid, 200);
                });
            } else {
                // Fallback für den Notfall
                setTimeout(fixPerfectGrid, 600);
            }
        })();

        
        // Nach Enfold Events
        $(document).on('av-masonry-complete', function() {
            setTimeout(fixPerfectGrid, 250);
        });
        
        // Bei Größenänderung
        $(window).on('debouncedresize', function() {
            // Reset Margin
            $('.av-masonry-gallery.av-masonry-gallery-fixed .av-masonry-item-with-image, .av-masonry.av-fixed-size.av-masonry-gallery .av-masonry-item-with-image').css('margin-bottom', '');
            fixPerfectGrid();
        });
        
    })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'enfold_masonry_perfect_grid_caption_fix', 999);

i also replaced the on load event by:

// Run initially
$(window).on('load', function() {
    $('.av-masonry-gallery').imagesLoaded(function() {
        setTimeout(fixAllMasonryModes, 200);
    });
});

and implemented the enfold debounceresize function on performance reasons.

Our website’s ver. are WordPress 6.9.1 & Enfold 7.1.3.
Thank you for your text messages.

do you think of that perhaps?
https://enfold.webers-webdesign.de/3-columns/

ok – du hast jetzt statt bold das mit der Farbe realisiert, das die Jahre in einen eigenen tag kommen. Das wäre so nicht nötig gewesen.
Denn die Farbe hättest du dann generell über dieses den strong-tag setzen können; so wie ich es auf der Beispielseite tat. Den bold style hatte ich dann ja mittels css zurückgenommen.

damit meine Setzungen greifen, könntest Du jetzt eben das über dein span-tag machen:

#top .my-listings li {
  display: grid;
  gap: 0 20px;
  grid-auto-flow: row;
  grid-template-columns: 120px 1fr;
  justify-content: start;
  margin: 0;
  margin-bottom: 10px;
}

#top .my-listings li span {
  font-weight: normal;
  justify-self: end;
}

#top .my-listings li em {
  font-style: normal;
}

/* === responsive styling === */
@media only screen and (max-width: 469px) {
  #top .my-listings li {
    grid-template-columns: 1fr;
    justify-content: center;
    margin-left: 0 ;
  }

  #top .my-listings li span {
    font-weight: normal;
    justify-self: start;
  }
}

Das mit dem Kursiv setzen für den rechten Text brauchst du nur wenn du einzelne Begriffe dort verlinken möchtest. Wenn du immer den kompletten rechten Teil verlinkst, wie es in einem Beispiel auf deiner Seite war ist dies noch nicht mal nötig, da dann der ganze linke Teil in einem a-tag steht.

Diese Einstellung hier bestimmt wo die Jahre bündig sind:

#top .my-listings li span {
  font-weight: normal;
  justify-self: end;
}

wenn du z.B die lieber linksbündig hast, dann stelle justify-self : start
(ps kopiere und ersetze die my-listings Regeln komplett, da ich noch das margin-left der enfold Standard Einstellung damit überschrieb. Der #top selektor garantiert hier noch das ich keine unnötigen !important Regeln setzen muss um bestehende Regeln von Enfold zu überschreiben.

bei deiner Schriftgröße würden für den linken Teil der Jahre auch 90px reichen:
grid-template-columns: 90px 1fr;

wenn du die Jahre jetzt auf einen Schlag verändern willst, dann könntest du jetzt setzen ( bold und andere font farbe)

#top .my-listings li span {
  font-weight: bold;
  justify-self: start;
  color: #3f9681 !important;
}

(ps hier ist das !important nötig, da du einen inline-style gesetzt hattest – mit dem Einfärben im Textfeld)

wenn du der ganzen Liste ( also dem ul tag ) nur noch eigenschaften geben möchtest :

#top .my-listings {
  padding: 5px;
  background-color: #f8f8f8;
  border: 1px solid #3f9681; 
  border-width: 1px 0px 0px 1px !important; /* unterschiedliche Border Weiten für : Oben, Rechts, Unten, Links */
}

Resultat wäre dann:

wenn dir der Abstand der Zeilen ( der li elemente ) zu groß ist, dann ändere diesen Wert bei den
#top .my-listings li auf z.B. 5px

du siehtst, über diese custom class my-listings – ist dann alles geregelt. Sobald du eine Liste einsetzt, und den text-block mit der Klasse versiehst, wird die darin enthaltene Liste so dargestellt.

_____________

Responsiv ( für Mobile screenweiten im Hochkant Format)