fix: alignment of CardPersona images and better layout for tablets, 2…

… cards max per row at this screen size (#501)

RELEASE.md

@@ -52,6 +52,8 @@
 - Sistemato il layout e la visualizzazione della vista del CT Cartella Modulistica per gestire al meglio gli elementi
   titolo, titolo del modulo e link al download in caso di testi lunghi, specialmente su mobile
 - Colore di sfondo per il blocco icone impostato sul colore primario. Sistemato il contrasto tra descrizione e lo sfondo
+- Risolto un problema di visualizzazione e allineamento delle immagini per le card dei blocchi elenco che rappresentano Persone,
+  migliorata la visualizzazione e il layout su dispositivi tablet (intervallo dimensioni: 992px-1199px)
 
 ## Versione 11.3.2 (19/01/2023)
 

src/components/ItaliaTheme/Blocks/Listing/CardWithImageTemplate.jsx

@@ -104,17 +104,19 @@ const CardWithImageTemplate = (props) => {
               name: 'BlockExtraTags',
               dependencies: ['CardWithImageTemplate', item['@type']],
             }).component;
+            const layoutSelected = set_four_columns ? '3' : '4';
 
             return (
               <Col
-                lg={set_four_columns ? '3' : '4'}
+                xl={layoutSelected}
+                lg={item['@type'] === 'Persona' ? 6 : layoutSelected}
                 key={item['@id']}
                 className="col-item mb-3"
               >
                 {item['@type'] === 'Persona' ? (
                   <CardPersona
                     item={item}
-                    className="listing-item card-bg shadow-sm"
+                    className="card-bg shadow-sm"
                     showImage={showImage}
                     natural_image_size={natural_image_size}
                     show_description={show_description}