#wesvalia-puzzle {
    display: grid;
    grid-template-columns: repeat(12, 1fr); /* 12 columns for more space */
    gap: 20px;  /* Increase gap between pieces */
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
}

.puzzle-piece {
    width: 150px; /* Larger size for each puzzle piece */
    height: 150px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute; /* Absolutely position each piece */
    opacity: 0;  /* Start invisible for animation */
    transition: transform 1s ease, opacity 1s ease; /* Smooth transition */
    clip-path: polygon(
        0% 30%,  /* top-left corner */
        20% 0%,  /* top-middle-left */
        80% 0%,  /* top-middle-right */
        100% 30%, /* top-right corner */
        100% 70%, /* bottom-right corner */
        80% 100%, /* bottom-middle-right */
        20% 100%, /* bottom-middle-left */
        0% 70%    /* bottom-left corner */
    );
    background-color: #fff;  /* Fallback if the image doesn't load */
}

.puzzle-piece img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;  /* Ensure the image fits the puzzle piece shape */
}