.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
  z-index: 5;
}
.overlay.active {
  opacity: 0.6;
  pointer-events: all;
}

.easter-egg {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  background: url('https://i.postimg.cc/hGHjSG70/Luodingo-Remove-Background.png') center/cover no-repeat;
  opacity: 0;
  pointer-events: none;
  z-index: 4;
  transition: opacity 2s ease;
}
.easter-egg.show {
  opacity: 1;
}