register mokup fix

src/Pages/Register.jsx

     return (
         <Container>
             <Row className="register_content">
-                <Col md={4}>
-        <Card className="card_register">
+                <Col md={4} className="d-none d-md-block">
 
-                    <AuthLayout>
+                    <Card className="card_register">
 
-                        <Link to="/login" component={RouterLink}>
+                        <AuthLayout>
 
-                        </Link>
-                    </AuthLayout>
+                            <Link to="/login" component={RouterLink}>
+
+                            </Link>
+                        </AuthLayout>
 
-                    <h1 variant="h3" sx={{ px: 5, mt: 10, mb: 5 }}>
-                        Efectividad para tus procesos de reclutamiento
-                    </h1>
-                    <img alt="register" src={Mock} />
-        </Card>
+                        <h1 variant="h3" sx={{ px: 5, mt: 10, mb: 5 }}>
+                            Efectividad para tus procesos de reclutamiento
+                        </h1>
+                        <img alt="register" src={Mock} />
+                    </Card>
 
                 </Col>
 
-        <Col style={{ "padding" : 45}} md={6}>
+                <Col style={{ "padding" : 45}} md={6}>
 
                     <Box sx={{ mb: 5 }}>
                         <Typography variant="h4" gutterBottom>
                             <Step key={step.label}>
                                 <StepLabel
                                     optional={
-                                        index === 2 ? (
-                                            <Typography variant="caption">Last step</Typography>
-                                        ) : null
-                                    }
+                                    index === 2 ? (
+                                        <Typography variant="caption">Last step</Typography>
+                                    ) : null
+                                }
                                 >
                                     {step.label}
                                 </StepLabel>
                     )}
 
                     <div>
-                    <Typography variant="body2" align="center" sx={{ color: 'text.secondary', mt: 0 }}>
-                        Estoy de acuerdo con las {" "}
-                        <Link underline="always" sx={{ color: "#d32f2f" }}>
-                            Condiciones de servicio
-                        </Link>
-                        {" "}y{" "}
-                        <Link underline="always" sx={{ color: "#d32f2f" }}>
-                            Política de privacidad
-                        </Link>
-                        .
-                    </Typography>
+                        <Typography variant="body2" align="center" sx={{ color: 'text.secondary', mt: 0 }}>
+                            Estoy de acuerdo con las {" "}
+                            <Link underline="always" sx={{ color: "#d32f2f" }}>
+                                Condiciones de servicio
+                            </Link>
+                            {" "}y{" "}
+                            <Link underline="always" sx={{ color: "#d32f2f" }}>
+                                Política de privacidad
+                            </Link>
+                            .
+                        </Typography>
 
                         <Typography variant="subtitle2" sx={{ mt: 0, textAlign: 'center' }}>
                             Ya tiene una cuenta?&nbsp;
                         </Typography>
                     </div>
 
-            
+
                 </Col>
             </Row>
         </Container>