.blippy {
      position: relative;
      width: 100vw;
      height: 100vh;
    }

    .image {
      position: fixed;
      top: 50%;
      left: 50%;
      width: min(60vw, 700px);
      transform: translate(-50%, -50%) scale(1);
      transform-origin: center center;
      
      animation: moveToCorner 2s ease-in-out forwards;
      animation-delay: 1s;
    }

    .image img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 16px;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
    }

    @keyframes moveToCorner {
      to {
        top: calc(100vh - 140px);
        left: calc(100vw - 140px);
        width: 220px;
        transform: translate(-50%, -50%) scale(0.8);
      }
    }