Pensé que los elementos de la cuadrícula Material-UI solo se usaban para corregir el espaciado rápido. ¿Mis elementos de cuadrícula ahora se muestran como tarjetas? Simplemente me gustaría que fuera invisible como era, sin embargo, los documentos no explican cómo hacerlo. ¡Agradezco cualquier ayuda!

 import React, { useState, useEffect } from "react"; import Grid from "@mui/material/Card"; import { Container, TextField, FormControl } from "@mui/material"; export default function MainPage() { return ( <Container maxWidth="lg" style={{ height: "100vh" }}> <Grid container> <Grid item xs={12}> <img style={{ width: "800px" }} src="https://image.shutterstock.com/image-photo/red-apple-fruit-leaf-isolated-260nw-203589940.jpg" alt="half-title-1" /> </Grid> <Grid item xs={12}> <img style={{ width: "800px" }} src="https://image.shutterstock.com/image-photo/red-apple-fruit-leaf-isolated-260nw-203589940.jpg" alt="half-title-2" /> </Grid> </Grid> </Container> ); }