/* [OVERLAY] */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1010;
  /* We hide the overlay by default */
  visibility: hidden;
  opacity: 0;
  transition: all 0.1s;
  display: flex;
  justify-content: center;
  align-items: center;
}

#overlay img {
  max-width: min(170px, 20vw);
}

/* This CSS class will show the overlay */
#overlay.show {
  visibility: visible;
  opacity: 1;
  background: rgba(255, 255, 251, 1);
}