Bilder nebeneinander darstellen lassen

Hey,

das hat zwei Gründe.

Ganz grundsätzlich gibt es in HTML ja Inline- und Block-Elemente:
Inline-Elemente stehen nebeneinander, Block-Element nehmen jeweils die volle verfügbare Breite ein.
Mit CSS kann man dieses Verhalten natürlich beeinflussen.

Bilder (img) sind Inline-Elemente, d.h. wenn du denen nichts anderes sagst, stehen sie nebeneinander.
Block-Elemente sind beispielsweise Überschriften und Absätze, die machen sich von Hause aus breit.

Sodele.

Du hast deine Banner auf zwei verschiedene Arten eingebunden:

• Bei denen in 100x80 umgibt ein figure-Tag das eigentliche img-Tag (so ist es korrekt und wird von WordPress automatisch gemacht wird). Das ist ein Block-Element, deswegen nimmt jedes Banner die ganze Breite ein und sie landen untereinander.
• Die in 197x80 hast du einfach als drei img-Tags in einem Absatz nebeneinander gepackt.
  Die würden eigentlich nebeneinander stehen, allerdings hast du eine CSS-Anweisung, die deine Bilder von Inline- so Block-Elementen macht:

Das ist die verursachende Anweisung für img (_reset.scss, Zeile 23):

article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section {
    display: block; 
}

Ich würde einfach auf die Block-Elemente in Gutenberg setzen und die Banner als Galerie einbinden: damit werden sie automatisch nebeneinander dargestellt, sofern der Bildschirm breit genug ist, und auf Handys ggf. untereinander.

Liebe Grüße

Gern geschehen!