Bilder und Icons unterschiedlich plazieren per CSS

[webeditor]

Hallo zusammen,

ich stehe hier vor einem kleinen Problem und habe nicht wirklich eine Idee zu einem Lösungsansatz 🙁.

Rahmenbedingungen: Etliche Leute sollen Beiträge für eine interne Informationsseite schreiben. Die Texte kommen in Markdown daher (schon das ist problematisch genug, den Leuten beizubiegen ...).

Hugo wirft dann per entsprechenden Templates die fertigen HTML-Seiten raus.

Im Inhalt können Bilder vorkommen, diese sollen in voller Größe mittig plaziert werden - kein Problem.

Schwierig wird's jetzt, weil in den Texten auch PDF-Dokumente verlinkt werden sollen. Der Transparenz wegen soll den verlinkten Titeln dieser Dokumente jeweils ein pdf-Icon vorangestellt werden.

Das Problem: Wenn ich Bilder mittig auf die Seite positioniere, dann kommen auch die PDF-Icons mittig. Ich kann in markdown eben keine Klassen zuordnen.

Wie kann ich jetzt beispielsweise im CSS definieren, daß

• Bilder bis 64x64px eben icons sind und im Textfluss bleiben
• größere Bilder aber als Bilder, Fotos, Grafiken zu betrachten sind und in voller Größe mittig auf der Seite zu erscheinen haben?

Irgendwie hab ich keine Idee, wonach ich suchen muß ...