body {
  background-color: black;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}

#video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: -1;
}

/* Position the image at the top-right corner */
.blinking-image {
    position: absolute;
    top: 16%;
    right: 13%;
    z-index: 1;
}


.image-to-blink {
    width: 50px;
    height: auto;
    animation: flicker 3s infinite;
}


@keyframes flicker {
    0% {
        opacity: 1;
        filter: blur(0);
    }
    10% {
        opacity: 0.7;
        filter: blur(0.5px);
    }
    20% {
        opacity: 0.4;
        filter: blur(1px);
    }
    30% {
        opacity: 0.8;
        filter: blur(0);
    }
    40% {
        opacity: 0.2;
        filter: blur(1px);
    }
    50% {
        opacity: 0;
        filter: blur(2px);
    }
    60% {
        opacity: 0.5;
        filter: blur(1px);
    }
    70% {
        opacity: 0.3;
        filter: blur(0.5px);
    }
    80% {
        opacity: 0.6;
        filter: blur(0);
    }
    90% {
        opacity: 0.1;
        filter: blur(1px);
    }
    100% {
        opacity: 1;
        filter: blur(0);
    }
}