fix modal

src/Components/Modal/MostrarPlaza.js

 import React, { memo } from 'react';
-import { Modal, Col, Row } from 'react-bootstrap'
-import QA from '../../Images/puesto.jpg'
+import { Modal, Col, Row ,Image } from 'react-bootstrap'
+// import QA from '../../Images/puesto.jpg'
+import QA from '../../Images/register_mok.png'
 
 import { Divider, Chip } from '@mui/material'
 
                 <div className="data_product">
                     <Row >
                         <Col md="4">
-                            <div className="img-container">
-                                <img alt='not found cooo' src={QA} />
+                            <div >
+                              <Image style={{width: '100%'}} fuild={true}  alt='not found cooo' src={QA} />
                             </div>
                         </Col>
                         <Col md="8">
                                 {
                                     puesto && visible
                                     ? puesto.tests.map( ( {decription, id} ) => 
-                                        (<Chip color="primary" key={id} label={decription}/>)
+                                      (<Chip style={{background:'var(--main)', color: 'white', fontWeight: "bold"}} key={id} label={decription}/>)
                                     ) : null
                                 }
                             </div>