Das größte Problem ist übrigens der „Zeilenmodus“, da hier für „Kategorieteaser“ eine " feste Höhe von 360px" vorgegeben ist. Dazu noch " background-size: cover" - es wird also immer so eingepasst, dass das Bild vollflächig die Box füllt. So wird das Bild bis 48em immer um den Faktor 1.8 hochskaliert, wenn die Box breiter als 360px wird, sogar noch stärker.
Ein anderes „Thumbnail“ zwischen 600 und 200 gibt es so aber nicht *dumm gelaufen* - bräuchte man hier doch ein 360x360.
Jetzt müsste man sich für die Artikel noch ein weiteres Thumbnail anlegen und „images[0]“ im Code ersetzen. Für vielleicht ein paar wenige Artikel je nach Shop tausende zusätzliche, ungenutze Bilder erstellen.
Hier müsste man so eine Art „dynamische“ Thumbnails zur Laufzeit in einem Cache-Verzeichnis erstellen können (könnte man via Cron auch wieder leeren).
So der Art: /images/dynthumbs/360x360/MeinBild.jpg - und es würde beim Erstaufruf erzeugt werden [größe aus dem Pfad genommen]. So eine Art „Schnittstelle“ zwischen den Thumbnailseinstellungen der verschiedenen virtuellen Ordnern im Mediamanager.