So, what’s happening is - you’ve published this same blue & yellow heart design on several background colors. So far so good for color grouping. But you also published some of those different colors on different shape options, too. So when you see the heart design is “out of place” after selecting a different color swatch from the product page, it’s because it’s actually linking to a different shaped sticker where you obviously sized & positioned the design differently to fit that particular shape option.
When you switch to a different color swatch from the product page, you can scroll down to “other info” and see the PID# for the actual published product it’s “pulling” from. You can then put that PID# in the search bar to go directly to that product as published.
From that I can tell that for example your first link above is for
217873337434073350 - white, round
and that is color-grouped on the product page to
217926311022091862 - lavender, heart
217738857218402270 - blue, heart
217333417334087554 - black, round
and if you go to say 217702740286672969 - purple, round
it is color-grouped to
217389141187394520 - white, square
217738857218402270 - blue, heart
217333417334087554 - black, round
So it’s not really that it is messing with your design placement, it’s that the system is finding the same image on same product with only bg color being different, but isn’t aware they are sometimes different shape options where the positioning doesn’t translate the same.
You could try either publishing in just one shape (the customer can always choose a different one themselves), or designing your multiple-shape versions but using multiple copies of the graphic but with very different names to coax the system into grouping them into square, round, heart colors … instead of the mix-up you have now.
