Images für Foundation Framework rendern

Hallo zusammen,

ich habe das CE Bild eingefügt, das momentan 2 Bilder enthält. Standardmaäsig werden die Bilder so gerendert:

<div class="csc-textpic csc-textpic-left csc-textpic-above">  <div class="csc-textpic-imagewrap" data-csc-images="2" data-csc-cols="2">   <div class="csc-textpic-imagerow csc-textpic-imagerow-last">     <div class="csc-textpic-imagecolumn csc-textpic-firstcol">       <figure class="csc-textpic-image csc-textpic-last">         <img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt="">          </figure>     </div>
     <div class="csc-textpic-imagecolumn csc-textpic-lastcol">       <figure class="csc-textpic-image csc-textpic-last">         <img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_02_770x600_bb146026af.jpg" width="290" height="226" alt="">          </figure>     </div>   </div>  </div></div>

Ich möchte das Rendering fürs Foundation-Framework so rendern, dass der generierte Code bei 2 Images etwa so aussehen würde.

<div class="row columns">
  <div class="large-6"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>
  <div class="large-6"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>  
</div>

und bei 3 Images so:

<div class="row columns">
  <div class="large-4"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>
  <div class="large-4"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>  
  <div class="large-4"><img src="fileadmin/_processed_/csm_flaechenreinigung_strassen_01_770x600_6f631a76db.jpg" width="290" height="226" alt=""></div>  
</div>

Wie kann ich das Rendering ändern?
Wenn ich mit TypoScript so schreibe, bringt es gar nichts

tt_content {
    image.20.addClassesCol = CASE
    image.20.addClassesCol {
        key.field = imagecols
        2 < tt_content.image.20.addClassesCol
        2 {
            override = large-6 
        }
        
    }
}