.whatsapp {
    position: fixed;
    background-size: contain;
    bottom: 200px;
    right: 20px;
    visibility: initial;
}

.img1 {
    border-radius: 50%;
}

.tooltip1 {
    /*position: relative;*/
    display: inline-block;
}

    .tooltip1 .image {
        width: 50px; /* Adjust the width as needed */
        position: fixed;
        bottom: 200px;
        right: 20px;
        height: auto;
        border-radius: 50%;
    }

    .tooltip1 .tooltiptext1 {
        visibility: hidden;
        width: 180px;
        /*background-color: black;*/
        background-color: #5bbd55;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
        /*bottom: 100%;*/ /* Position the tooltip above the image */
        /*top: 50%;
                        left: -105%;*/
        /*right:30%;*/
        /*margin-top: -16px;*/
        bottom: 500%; /* Position the tooltip above the image */
        left: 50%;
        margin-left: -240px;
        /*margin-left: -60px;*/ /* Use half of the width (120px), to center the tooltip */
        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
    }

    .tooltip1:hover .tooltiptext1 {
        visibility: visible;
        opacity: 1;
    }