
@media only screen and (max-width: 768px) {

  /* --- Contenedor Principal (Centra todo el bloque) --- */
  .img1 {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    min-height: 100vh !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important; /* Esto asegura que el bloque de columnas esté centrado */
  }

  /* --- Contenedor de las Filas (Simplemente apila las columnas) --- */
  .fila-columnas {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
      transform: translateY(-255px)
  }
  
  /* --- Columnas Individuales (Con tu ancho fijo de 200px) --- */
  .columna {
    width: auto !important; /* << AQUÍ ESTÁ TU ANCHO FIJO */
    text-align: center;
    height: 128px !important;
    min-height: 0 !important;
    padding: 0 0 !important;
    margin-bottom: 0 !important; 
    box-sizing: border-box !important;
  }
.txt{
   transform: translateY(200px)
}
.cl1{
     transform: translateY(-110px)
    }
.cl2{
     transform: translateY(-110px)
    }

