Media Grid Images Overlapping

Hello,
I have used the media grid to show my video portfolio. The images are not very high resolution, they are just thumbnails for my videos which show in lightbox.

As you can see here (https://www.mainfilm.tv/1593156846095/wp-content/uploads/2020/09/aasd2.png), my images overlap in some rows, some rows show properly and some show overlapped.

I saw a similar article in which you suggested to add this code after the widget,

<script>
jQuery(document).ready(function($){
$(window).on(“elementor/frontend/init”, function() {
var PremiumMediaGrid = function($scope) {
var $elem = $scope.find(“.premium-gallery-container”);

setTimeout(function(){
$elem.isotope(‘layout’);
}, 200);
}
elementorFrontend.hooks.addAction(
“frontend/element_ready/premium-img-gallery.default”,
PremiumMediaGrid
);
});
});
</script>

Apparently did not work for me. Any help would be appreciated.

Thank you.