×
document.addEventListener('DOMContentLoaded', function () {
var gallery = document.querySelector('.flexible-gallery');
var masonry = new Masonry(gallery, {
itemSelector: '.gallery-item',
columnWidth: '.gallery-item',
percentPosition: true,
gutter: 10 // Adjust the gap between items
});
// Refresh Masonry layout after images load
imagesLoaded(gallery, function () {
masonry.layout();
});
});