81/fix padronizar imagens

src/components/BaseCard/index.tsx

@@ -9,11 +9,11 @@ import { theme } from "../../app/config/theme"
 import { ClickButton } from "../ClickButton"
 
 interface CardProps{
-    title: string
-    description?: string
-    textImage?: string 
-    image?: string
-    route: string
+    title: string;
+    description?: string;
+    textImage: string; 
+    image?: string;
+    route: string;
 }
 
 const cardStyles = {
@@ -41,7 +41,13 @@ export const BaseCard: React.FC<CardProps> = ({title, description, textImage, im
                     component="img"
                     image={image}
                     alt={textImage}
-                    sx={theme.customStyles.cardMedia}
+                    sx={{
+                        width: '100%',   
+                        height: 'auto',  
+                        maxHeight: 210,
+                        objectFit: 'cover'
+                    }}
+
                 />
             )}
                 <CardContent sx={theme.customStyles.cardContent}> 

src/components/PageElements/Container/ContainerCardsThemes/index.tsx

@@ -27,6 +27,7 @@ export const ContainerCardTheme: React.FC<ContainerCardThemeProps> = ({data, cat
                   description={field.cardDescription}
                   route={`${currentPath}/${element.id}-${field.title}`}
                   image={field.image ? field.image[0].url : ""}
+                  textImage={`${field.alt}`}
                 />
               </Grid>
             );

src/types/type.ts

@@ -29,6 +29,7 @@ export interface ThemeField extends CommonField {
     topics: string;
     category: string;
     topicsDescription: string;
+    alt: string;
 }
 
 export interface TopicField extends CommonField {