Isotope resizising container images when applied to squarespace shop

[CarlSchwarz]

I am working on a squarespace shop that is displaying equal sized images.
I have added Isotope to the shop webpage for sorting and it has resized all of the images. Is there an easy way to fix this?

This is the code I added to the page header:
`<script>
var elem;
var iso;
window.onload = function(){
elem = document.querySelector('.list-grid');
iso = new Isotope( elem, {
//options
percentPosition: true,
itemSelector: '.grid-item',
layoutMode: 'fitRows',
containerStyle: null,
resize: false,
fitRows: {
equalheight: true,
gutter: 30
},
getSortData: {
name: '.grid-title'
}
});
}

function myFunction(name) {
iso.arrange({ sortBy: name });
}
</script>`
Squarespace without isotope:

Squarespace with isotope: