Misplaced links on portfolio image after infinite scroll load

Hey there :)

I am using the inifinite scroll function to load more results onto a portfolio page, but there is a problem with the alignment of the links after more items have been loaded.
The URL to view this is jewel.zigstum.com
The code used to instantiate infinite scroll:

		jQuery(window).load(function(){
			var $container = $('#portfolio');
			infinityScrollBehavior = false;
 
			if( jQuery('body').hasClass('device-sm') || jQuery('body').hasClass('device-xs') || jQuery('body').hasClass('device-xxs') ) {
				//alert("here");
				infinityScrollBehavior = 'portfolioinfiniteitemsloader';
			}
 
			$container.infinitescroll({
				loading: {
					finishedMsg: '',
					msgText: '',
					img: "templates/tmpl_jewel/images/preloader-dark.gif",
					speed: 'normal'
				},
				state: {
					isDone: false
				},
				nextSelector: "#load-next-posts a",
				navSelector: "#load-next-posts",
				itemSelector: "article.portfolio-item",
				behavior: infinityScrollBehavior
			},
			function( newElements ) {
				$container.isotope( 'appended', $( newElements ) );
				var t = setTimeout( function(){ $container.isotope('layout'); }, 1000 );

				        SEMICOLON.widget.loadFlexSlider();
					SEMICOLON.portfolio.arrange();
					SEMICOLON.initialize.lightbox();			

			});
		});

Is it possible to reposition the items after they have loaded?
Thanks for your help :)

Best web-based support I ever had!
Worth every penny.
Thank you :D