cambios estructura infantil

css/infantil.css

@@ -39,3 +39,7 @@ body {
 .card img {
   padding: 10px; 
 }
+
+.card-shadow {
+  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.6);
+}

educacioninfantil.html

@@ -141,7 +141,7 @@
 
     <!--  -->
     <section>
-      <div id="hero" class="p-5 text-center bgbluecolor">
+      <div id="hero" class="p-5 text-center bgbluecolor ">
         <div class="container">
           <div class="row">
             <div class="col-md-12">
@@ -178,7 +178,7 @@ <h1 class="mb-3">Educación Infantil</h1>
     <!-- CARDS -->
     <div class="container p-5 mt-2">
       <!-- Nueva Card Diseño Propio -->
-      <div class="card mb-3 bg-badge-Green">
+      <div class="card mb-3 bg-badge-Green card-shadow">
         <div class="row g-0">
           <div class="col-md-6">
             <img
@@ -235,9 +235,15 @@ <h6 class="card-subtitle mb-2 text-muted">
 
     <div class="container p-5 mt-2">
       <!-- Second Card -->
-      <div class="card mb-3 bg-badge-Purple">
+      <div class="card mb-3 bg-badge-Purple card-shadow">
         <div class="row g-0">
-
+          <div class="col-md-6">
+            <img
+              src="Resources/img/img_Personal-4-3/mariat_DxO.jpg"
+              class="img-fluid rounded-start"
+              alt="Maria Tenorio Rodriguez"
+            />
+          </div>
           <div class="col-md-6">
             <div class="card-body">
               <h5 class="card-title text-white">Maria Tenorio Rodriguez</h5>
@@ -286,21 +292,15 @@ <h6 class="card-subtitle mb-2 text-muted">
               <!-- Fin del contenido adicional -->
             </div>
           </div>
-          <div class="col-md-6">
-            <img
-              src="Resources/img/img_Personal-4-3/mariat_DxO.jpg"
-              class="img-fluid rounded-start"
-              alt="Maria Tenorio Rodriguez"
-            />
-          </div>
+
         </div>
       </div>
     </div>
 
     <!-- Third Card -->
     <div class="container p-5 mt-2">
       <!-- Third Card -->
-      <div class="card mb-3 bg-badge-Yellow">
+      <div class="card mb-3 bg-badge-Yellow card-shadow">
         <div class="row g-0">
           <div class="col-md-6">
             <img
@@ -359,9 +359,15 @@ <h6 class="card-subtitle mb-2 text-muted">
     <!-- Fourth Card -->
     <div class="container p-5 mt-2">
       <!-- Fourth Card -->
-      <div class="card mb-3 bg-badge-Light-blue">
+      <div class="card mb-3 bg-badge-Light-blue card-shadow">
         <div class="row g-0">
-
+          <div class="col-md-6">
+            <img
+              src="Resources/img/img_Personal-4-3/noemi_DxO.jpg"
+              class="img-fluid rounded-start"
+              alt="Noemi País Bozo"
+            />
+          </div>
           <div class="col-md-6">
             <div class="card-body">
               <h5 class="card-title">Noemi País Bozo</h5>
@@ -408,13 +414,7 @@ <h6 class="card-subtitle mb-2 text-muted">
               <!-- Fin del contenido adicional -->
             </div>
           </div>
-          <div class="col-md-6">
-            <img
-              src="Resources/img/img_Personal-4-3/noemi_DxO.jpg"
-              class="img-fluid rounded-start"
-              alt="Noemi País Bozo"
-            />
-          </div>
+
         </div>
       </div>
     </div>