Ich würde empfehlen, dass Sie im IF erstmal nur die Dateinamen setzen:
if (value('CO01') == 1) {
$bild1 = 'alpha.png';
$bild2 = 'beta.png';
}
if (value('CO01') == 2) {
$bild1 = 'gamma.png';
$bild2 = 'delta.png';
}
u.s.w.
Und dann als HTML-Konstruktion darunter folgendes:
html('
<div style="display: flex; flex-wrap: wrap; gap: 1em;">
<img src="'.$bild1.'" alt="" style="flex: 1 1 45%; min-width: 400px">
<img src="'.$bild2.'" alt="" style="flex: 1 1 45%; min-width: 400px">
</div>
');
Die CSS Flexbox sorgt dafür, dass die Bilder schön skalieren und auf Mobilgeräten dann doch untereinander angezeigt werden, wenn sie sonst zu klein (hier: <400 Pixel) werden würden.