#anime {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1em;
        justify-content: space-around;
        margin-bottom: 1em;
        height: 40vh;
        overflow-y: auto;
    }
    .anime_box{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 1em;
      justify-content: space-around;
      margin-bottom: 1em;
    }

    .image-container {        
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, 1fr);
        gap: 0;
        width: 640px; /* Adjust as needed */
        height: 640px; /* Adjust as needed */
        position: relative;
      }
  
      .image-piece {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        opacity: 0;
        transition: opacity 0.5s ease;
      }
  
      .image-piece.visible {
        opacity: 1;
      }
      #hand-container {
        position: absolute;
        width: 300px; /* Adjust size of the hand */
        height: 300px; /* Adjust size of the hand */
        background-image: url('icon/hand.png'); /* Replace with your hand image */
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none; /* Prevent the hand box from blocking interactions */
        z-index: 10; /* Ensure hand appears on top */
      }