Produkt Bild Format Quadratisch bzw. 1:1 - Detailansicht und Listings

Hallo liebe Community,

ich bin gerade dabei unseren Shop neu in SW6 umzusetzen. Da noch keine Bestellungen stattfinden sollen, ist dieser im Wartungsmodus, also leider kein Link - ist aber für mein Anliegen nicht wichtig.
Da ich finde ein quadratisches 1:1 Format eignet sich am besten um alle Arten von Produkten zu präsentieren, würde ich dies gerne “global” für alle Produktbilder umsetzten.

Wie kann ich das Format für die Produkt-Bilder im Listing und in der Detailansicht in ein 1:1 Format (Quadratisch) ändern - am besten über CSS ?

So ähnlich sollte es dann aussehen:

Ich habe bereits mit den Containern experimentiert wie z.B.

@media screen and (min-width: 1400px) {
.gallery-slider-item.is-contain.js-magnifier-container {
     min-height: 680px !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
.gallery-slider-item.is-contain.js-magnifier-container {
     min-height: 560px !important;
}
}

Das ganze erscheint mir allerdings in diesem Zusammenhang eher Murks zu sein. Kann mir daher jemand vielleicht sagen wie und wo ich das Format professionell und bezüglich kommender Updates nachhaltig in 1:1 quadratisch ändern kann?

Ich bin für jede Hilfe dankbar

Grüße

Michael Dolp

Meine Shops:
https://www.domet.de
( Der “alte Shop” - Smartstore biz6 - war damals sicher nicht meine Entscheidung bzw. kam später dazu. )
https://shopware6.domet.de
( Der “Neue Shop” - SW6 CE - Beta “No-pubilc”, soll Ende November mit den Produkten aus dem alten online gehen und wird wegen Custom-Produtcs die Tage eine Professionel Edition. )
https://www.shop.inventbox.com
( Mein privater 3D Drucker Shop - SW5 CE )