html {
  font-size: 62.5%;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
  background: skyblue;
}

html,
body {
  height: 100%;
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

#fallesi {
  z-index: 2;
}

.raindrop {
  position: absolute;
  top: -20px; /* Start above the viewport; adjust based on your image size */
  animation-name: fall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes fall {
  to {
    top: 100%; /* Fall to the bottom of the screen */
  }
}