mok fix fux

src/App.css

   color:white !important;
   background:var(--main) !important;
 }
-
-body > div.MuiDialog-root.MuiModal-root.css-zw3mfo-MuiModal-root-MuiDialog-root > div.MuiDialog-container.MuiDialog-scrollPaper.css-hz1bth-MuiDialog-container > div > div > div > div:nth-child(2) > form > div > div:nth-child(2){
-  margin-top:0;
-}
-
-body > div.MuiDialog-root.MuiModal-root.css-zw3mfo-MuiModal-root-MuiDialog-root > div.MuiDialog-container.MuiDialog-scrollPaper.css-hz1bth-MuiDialog-container > div > div > div > div:nth-child(2) > form > div > div.MuiTableContainer-root.css-rorn0c-MuiTableContainer-root{
-  margin-top :0;
-}
 .headert_pwdu{
   background:var(--main);
   color:white !important;
   padding:0 !important;
   border-top: 1px solid var(--bs-gray-200);
 }
+.cardmedia_puesto{
+  background-color: var(--second);
+  object-fit: none;
+  object-position: left top;
+  border: 2px solid black;
+}

src/Components/Puestos/Card.jsx

 import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
 
-import QA from '../../Images/puesto.jpg'
+import QA from '../../Images/register_mok.png'
 
 export function PuestoCard(props) {
 
     return (
         <Card sx={{ maxWidth: 345 }}>
             <CardMedia
+        className="cardmedia_puesto"
                 component="img"
                 alt="green iguana"
                 height="140"