diff --git a/src/app/components/home/home.component.html b/src/app/components/home/home.component.html
index 31948f7..534af8e 100644
--- a/src/app/components/home/home.component.html
+++ b/src/app/components/home/home.component.html
@@ -1,5 +1,7 @@
 <div class="container-fluid p-0">
-  <img src="{{apiUrl}}/imagenes/homeBackground.jpg" class="background-image vh-100 w-100">
+  <img
+    src="{{apiUrl}}/imagenes/homeBackground.jpg"
+    class="background-image vh-100 w-100">
   <div class="row m-0">
     <div class="col p-0">
       <div
@@ -16,7 +18,32 @@
         <!-- INFO DE BIENVENIDA -->
         <div class="row w-100">
           <div class="col-4 offset-2">
-            <img src="{{apiUrl}}/imagenes/accesoPLAYA.png" class="w-100">
+
+            <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
+              <div class="carousel-inner">
+                <div class="carousel-item active">
+                  <img
+                    src="{{apiUrl}}/imagenes/espacioPublicitario.jpg"
+                    class="d-block rounded-sm shadow w-100">
+                </div>
+                <div class="carousel-item">
+                  <img
+                    src="{{apiUrl}}/imagenes/coca1.jpg"
+                    class="d-block rounded-sm shadow w-100">
+                </div>                
+                <div class="carousel-item">
+                  <img
+                    src="{{apiUrl}}/imagenes/coca2.jpg"
+                    class="d-block rounded-sm shadow w-100">
+                </div>                
+                <div class="carousel-item">
+                  <img
+                    src="{{apiUrl}}/imagenes/coca3.jpg"
+                    class="d-block rounded-sm shadow w-100">
+                </div>                
+              </div>
+            </div>
+
           </div>
           <div class="col-6 text-center text-white my-auto">
             <p class="display-2 font-weight-bold mb-5">¡BIENVENIDO!</p>