.logo-wrapper {
  cursor: pointer;
  position: absolute;
  place-items: center;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  margin-left: 20px;
  border-radius: 10px;
  overflow: auto;
  /* height: 120px;
  width: 200px; */
  /* Enable scroll if needed */
  background-color: rgba(255, 255, 255, 0);
  /* Fallback color */
  background-color: rgba(255, 255, 255, 0);
  /* Black w/ opacity */
  transition: all ease 0.2s;
}

.logo-wrapper:hover {
  scale: 1.1;
}

@media only screen and (max-width: 640px) {
  .logo-wrapper {
    top: 2rem;
    left: 0;
    /* height: 70px; */
    width: 50px;
    transition: all ease 0.5s;
  }
}

@media only screen and (min-width: 641px) {
  .logo-wrapper {
    top: 2rem;
    left: 0;
    height: 140px; /* Puedes ajustar el tamaño deseado */
    width: 140px; /* Puedes ajustar el tamaño deseado */
    transition: all ease 0.5s;
  }

  .logo-wrapper:hover {
    scale: 1.2;
  }
}

@media only screen and (min-width: 1240px) {
  .logo-wrapper {
    top: 2rem;
    left: 0;
    height: 220px; /* Puedes ajustar el tamaño deseado */
    width: 220px; /* Puedes ajustar el tamaño deseado */
    transition: all ease 0.5s;
  }

  .logo-wrapper:hover {
    scale: 1.2;
  }
}