[TYPO3-german] Responsive Images - Unterschiedliche Bildbreiten je Breakpoint

[Johannes C. Laxander]

Hallo,

unter https://plus.google.com/108439171586570003043/posts/dQwMSq8Sqru habe
ich von Sven Wappler schon einen Tipp dazu bekommen.

Nun möchte ich aber noch mal in die Runde fragen, wie ihr das mit CSS Styled
Content Rendering gelöst habt? Gibt es andere Ansätze / Lösungen für mein
Problem: 

Wie kann ich für einen über MediaQuery definierten Breakpoint
unterschiedliche Bildbreiten definieren, abhängig davon, ob 

a) ein Bild die gesamte Breite des Containers einnehmen soll, 
b) zwei Bilder nebeneinander angeordnet werden, oder 
c) ob ein Bild im Textfluß eingebettet ist?

In TypoScript habe ich diese Definition erstellt:

tt_content.image.20.1.sourceCollection.small {
  width = 150
  srcsetCandidate = 600w;
  mediaQuery = (max-width: 360px)
  dataKey = small
  maxW = 300px
}

Für b) passt diese Einstellung. Für a) und c) nicht.

Wer kann mir bitte einen Tipp geben, oder noch besser: die Lösung posten? ;)

Gruß, Johannes.