body{
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
    }

    .containerpage {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 20px;
    }

    .image-container {
        overflow: hidden; /* Ensures the image doesn't overflow the container */
        position: relative; /* Ensures the image stays within the container */
        flex: 1 1 calc(33.33% - 10px);
        box-sizing: border-box;
        padding: 5px;

    }


    .image-container img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        transition: transform 0.3s ease-in-out;
        display: block;
    }

    .image-container img:hover {
        transform: scale(1.1); /* Slightly increase the size */
    }

    .whatsapp-button {
        position: fixed; /* Ensures the icon stays visible while scrolling */
        bottom: 20px; /* Distance from the bottom of the screen */
        right: 20px; /* Distance from the right of the screen */
        background-color: #25D366; /* WhatsApp green */
        color: white;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Adds a shadow */
        z-index: 1000; /* Ensures the button stays on top of other elements */
        cursor: pointer;
        text-decoration: none;
        font-size: 30px; /* Adjusts the icon size */
        transition: transform 0.3s ease; /* Smooth hover effect */
      }
      .whatsapp-button:hover {
        transform: scale(1.1); /* Slightly enlarge on hover */
        background-color: #1EBEA5; /* Slightly darker green on hover */
      }