mok fix fux

src/App.css

@@ -416,14 +416,6 @@
   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;
@@ -434,3 +426,9 @@ body > div.MuiDialog-root.MuiModal-root.css-zw3mfo-MuiModal-root-MuiDialog-root
   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

@@ -6,7 +6,7 @@ import CardMedia from '@mui/material/CardMedia';
 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) {
 
@@ -16,6 +16,7 @@ export function PuestoCard(props) {
     return (
         <Card sx={{ maxWidth: 345 }}>
             <CardMedia
+        className="cardmedia_puesto"
                 component="img"
                 alt="green iguana"
                 height="140"