Non ne vengo fuori.
Ho tre variabili:
IMMAGINE1
IMMAGINE2
ARTICOLO.

questo è l'HTML:

<p>
{if $IMMAGINE1}

<img style="float: right; height: auto;" src="images/stories/{$$IMMAGINE1}"
width="33%" height="33%"; margin: 15px 15px 10px 15px;>

{/if}


{if $IMMAGINE2}

<img class="shape"; src="images/stories/{IMMAGINE2}" width="33%" height="33%"; margin: 15px 15px 10px 15px;>

{/if}
<div
<p align = "justify">

{$ARTICOLO}


</p>
</div>

QUESTO IL CSS:

.shape{
shape-outside: circle(50%);
-webkit-shape-outside: circle(50%);
float: left;
margin: 15px 15px 15px 15px;
}


questo il risultato

IMM01.jpg


questo quello che vorrei ottenere


IMM02.jpg