pruebas 1

static/d_methodology/methodology.css

@@ -19,11 +19,30 @@ main {
 /* Smartphones (hasta 767px) */
 @media (max-width: 767px) {
   /* main{ background-color: black;  } */
+
+  #random-img {
+    width: 96%;
+    height: auto;
+  }
+
+  /* main {
+    min-height: 80vh;
+  } */
+
 }
 
 /* Tablets (768px - 1023px) */
 @media (min-width: 768px) and (max-width: 1023px) {
   /* main{ background-color: pink;  } */
+
+  #random-img {
+    width: 95%;
+    height: auto;
+  }
+
+    /* main {
+    min-height: 85vh;
+  } */
 }
 
 /* Laptops (1024px - 1439px) monitores resulición baja */

templates/z_comps/boton_chat.html

@@ -1,8 +1,8 @@
 <style>
   .floating-btn {
     position: fixed;
-    width: 5em;
+    width: 80px;
-    height: 5em;
+    height: 80px;
     background-color: #ffffff;
     border-radius: 50%;
     display: flex;
@@ -10,7 +10,8 @@
     align-items: center;
     cursor: move;
     user-select: none;
-    z-index: 1000;
+    z-index: 1;
+    /* z-index: 1000; */
     transition:
       background-color 0.3s,
       left 0.3s ease,
@@ -22,18 +23,7 @@
     cursor: grabbing;
   }
 
-  /* @keyframes spin-right {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
-  }
 
-  .rotating {
-    animation: spin-right 4s linear infinite;
-  } */
 </style>
 
 <div class="floating-btn border border-light shadow-lg" id="floatingBtn">