body {
      text-align: center;
      background-color: #f9f9f9;
      font-family: sans-serif;
    }

    .word-img {
      display: inline-block;
      width: 45%;
      margin: 2%;
      cursor: pointer;
      transition: transform 0.2s;
      border-radius: 15px;
    }

    .word-img:hover {
      transform: scale(1.05);
    }

    /* Efek getar */
    @keyframes shake {
      0% { transform: translate(0px, 0px) rotate(0deg); }
      20% { transform: translate(-5px, 0px) rotate(-5deg); }
      40% { transform: translate(5px, 0px) rotate(5deg); }
      60% { transform: translate(-5px, 0px) rotate(-5deg); }
      80% { transform: translate(5px, 0px) rotate(5deg); }
      100% { transform: translate(0px, 0px) rotate(0deg); }
    }

    .shake {
      animation: shake 0.5s;
    }