body {
  background-image: url("https://andxyym.neocities.org/school.png"); 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

/* Esto va separado del body */
.centro {
  display: flex;
  justify-content: center;   /* centro horizontal */
  align-items: center;       /* centro vertical */
  height: 100vh;             /* ocupa toda la pantalla */
}

/* Si quieres controlar el tamaño de la imagen */
.centro img {
  width: 700px;
  height:  700px;
}

.mi-img {
  position: absolute;
  top: 47%;
  left: 37%;
  width: 20%; /* se ajusta al tamaño de pantalla */
}

.tilt {
  transition: transform 0.3s ease; /* suaviza la animación */
}

.tilt:hover {
  transform: rotate(3deg) scale(1.05);
  filter: drop-shadow(0 0 10px white);
}

.esquina {
  position: absolute;
  bottom: 70%;
  right: 40%;
  width: 400px;
  z-index: 9999;  /* 💖 esto lo pone ENCIMA de todo */
  pointer-events: auto;
}