body {
    margin: 0;
    font-family: Arial, sans-serif;
    overflow: hidden;
  }
  
  .bg {
    background-image: url('https://papers.co/wallpaper/papers.co-so83-blur-gradation-apple-event-rainbow-29-wallpaper.jpg');
    filter: blur(5px);
    height: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
  }
  
  .content {
    position: relative;  
    text-align: center;
    padding: 100px;
    color: rgb(255, 255, 255);
  }
  
  @keyframes animate {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-50px);
    }
    100% {
      transform: translateY(0);
    }
  }
  
  .animation {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .block {
    width: 20px;
    height: 20px;
    background-color: #5e5e5e;
    margin: 10px;
    animation: animate 1s ease-in-out infinite alternate;
  }
  
  .block:nth-child(2) {
    animation-delay: 0.33s; 
  }
  
  .block:nth-child(3) {
    animation-delay: 0.66s;
  }